html中设置首字母大写,css如何设置英文首字母大写
我们经常在英文报纸上看到首个单词大写,那么单词首字母大写如何设置,可能很多人遇到这种问题都不知道怎么操作,下面我们来讲解一下css如何设置英文首字母大写?
实现英文首字母大写可以使用div+css,div+css中的一个text-transform属性可以设置字母大小写,以及字母全文大写和字母全文小写。
一:text-transform结构语法:
text-transform属性有三个属性,分别是Capitalize,Uppercase和Lowercase。
Capitalize表示无论字母是大写还是小写,全部都转为首字母大写,语法:div{text-transform:capitalize};
Uppercase表示无论字母是大写还是小写,全部都转为字母全部大写,语法:div{text-transform:uppercase} ;
Lowercase表示无论字母是大写还是小写,全部被CSS转为字母全部小写,语法:div{text-transform:lowercase}
二:代码案例如下:
h1{text-transform:capitalize}
h2{text-transform:uppercase}
h3{text-transform:lowercase}
php.cn
php.cn
php.cn
显示效果如下:
无论字母大小还是小写,我们都是可以使用text-transform样式属性去设置,以上就是对css如何设置英文首字母大写的全部介绍,如果你想了解更多有关CSS3教程,请关注php中文网。
html中设置首字母大写,css如何设置英文首字母大写相关推荐
- html语言设置网页背景,HTML+CSS入门 设置网页中的背景图片的5个属性
本篇教程介绍了HTML+CSS入门 设置网页中的背景图片的5个属性,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 在css代码中设置背景图片的方法,包括背景图片.背景重复 ...
- html怎么编辑首行缩进,CSS如何设置首行缩进?
开发网页时,涉及到一段甚至多段文字的部分经常会把它设置为首行缩进 2 个字符,以优化页面,增强用户体验.那么这篇文章 W3Cschool 小编教你 CSS 如何设置首行缩进 . text-inde ...
- php中文字怎么上下居中,CSS怎么设置垂直居中?
在我们开发前端页面的时候,为了让页面效果美观,会出现需要垂直居中效果的地方.本章就让我们来了解一下用css如何设置垂直居中,详细介绍一下设置文字与div盒子的垂直居中的几种方法.有一定的参考价值,有需 ...
- html中斜体样式怎么写,css如何设置字体为倾斜样式?
css如何设置字体为倾斜样式?下面本篇文章就来给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS中,可以通过设置font-style属性的值为italic(斜体 ...
- 在html中字怎么修改位置,css怎么设置字体位置?
css怎么设置字体位置?下面本篇文章给大家介绍一下使用CSS设置字体位置的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 方法1:使用text-align属性设置字体的位置 t ...
- php设置背景为透明,css如何设置背景颜色透明?css设置背景颜色透明度的两种方法介绍...
在网页布局中有时为了网页的整体美观,可能需要将网页中的某些部分设置为背景颜色透明,那么如何设置背景颜色透明呢?本篇文章就来给大家介绍一下css设置背景颜色透明的方法. 在css中设置背景颜色透明的方法 ...
- html设置顶部背景颜色,css怎么设置背景颜色?
css怎么设置背景颜色?下面本篇文章就来给大家介绍一下使用CSS设置背景颜色的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS中,可以使用background-colo ...
- android设置webview光标颜色,CSS自定义设置元素闪烁光标颜色
这次给大家带来CSS自定义设置元素闪烁光标颜色,CSS自定义设置元素闪烁光标颜色的注意事项有哪些,下面就是实战案例,一起来看一下. 前言因为业务需求, 要求我们的input框内的文本与悬浮的光标颜色不 ...
- css设置div不可编辑,css 怎么设置div不可点击
css设置div不可点击的方法:1.通过"event.preventDefault()"方法取消事件的默认动作:2.通过"event.stopPropagation()& ...
- css样式里把背景设置为图片,利用css如何设置全屏背景图片
利用css如何设置全屏背景图片 如果你有一张比较绚烂的图片想做背景,可以这样设置,就跟随百分网小编一起去了解下吧,想了解更多相关信息请持续关注我们应届毕业生考试网! 代码如下: body{ backg ...
最新文章
- SQL 基础之去重和显示表结构(四)
- 不能将参数 2 从“const char *”转换为“LPCWSTR”【转】http://blog.sina.com.cn/s/blog_4a94a0db0100ktxp.html...
- 概率机器人总结——(扩展)卡尔曼滤波先实践再推导
- First Unique Character in a String(字符串中的第一个唯一字符)
- 采用config方式灵活配置我们的Quarz.net中的Job,Trigger
- 3.改变 HTML 内容
- __builtin_expect详解
- httpSession的正确理解
- 石子合并(动态规划DP)
- HDU 1158 Employment Planning【DP】
- ddwrt 扩张linux分区,『2010.8.9』DDWRT脱机下载+架设网站修正加强版tar.gz模式发布(修复下载地址)...
- Linux系统编程 -- IO缓冲区
- 教之初在线计算机考题,教之初计算机考试系统出题说明.pdf
- java图片压缩工具
- linux锐捷代码_Linux下锐捷上网操作
- 平均曲率、主曲率和高斯曲率
- 色彩的搭配,象征,以及web标准色
- 远程软件工程师的10个最佳实践
- travis ci java_Travis CI使用经验
- 【舆情报告】当我们在谈论王者荣耀时,我们在谈论什么?