设置第一个字母字体变大并且所有字母大小写 及下划线
2016-10-09 17:11
253 查看
以上是目标样式,第一个字母大概24px,后面的大概19px,并且都是大写。
如果单纯的给A和T两个字母添加标签再设置字体大小的话,那么设置的underlin;会有所差别,效果如下:
很明显下划线不在一条水平线上。为了解决这个问题可以有两种方法;
第一种:为<p>标签设置border-bottom,可以说设置颜色等属性。
第二种:HTML标签
<p class="about">about</p>
<p class="about">technologe</p>
css样式:
.about{font-size:24px;
color:#000;
font-family:"微软雅黑";
text-decoration:underline;
text-transform:capitalize;/*关键样式*/
font-variant:small-caps;/*关键样式*/
text-transform属性:
这个属性会改变元素中的字母大小写,不管原文档中的字母大小写。如值为capitalize,则要对某些字母大写,但并没有明确定义什么字母大写。
font-variant属性:
设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换成大写,但是所有使用小型的大写字体的字母与其余文本相比,其字体更小。(意味着已经使用大写字母的文本字体会更大)。
原文:
相关文章推荐
- PostgreSQL解决"Abc_de_fghijkl_mn" 首字母小写去掉下划线并且下划线后面的第一个字母大写或首字母大写去掉下划线并且下划线后面的首字母大写的js
- 设置字体大小和取消链接下划线
- c#.net 文本编辑控件——设置RichTextBox的字体格式:粗体、斜体、下划线
- 17、有一个由大小写组成的字符串,现在需要对他进行修改, 将其中的所有小写字母排在答谢字母的前面(大写或小写字母之间不要求保持原来次序)
- Java web 开发: 随机生成验证码,支持大小写字母、数字;随机字体
- Latex设置字体大小,加粗,加下划线,变斜体_孩纸气_新浪博客
- 为所有子窗口设置同种字体
- 所有下划线替换成文本框并且ID不同
- word中如何将所有字母一次修改成新罗马字体
- android在xml的textStyle中,设置一个字体是粗体或斜体或带有下划线
- MFC框架下,在ToolBar中添加ComboBox,并且设置ComboBox的字体
- java字体设置,包括大小,颜色,加粗,下划线,对齐,斜体的设置
- winform datagridview 设置单元格字体的样式。并添加下划线。
- Java web 开发: 随机生成验证码,支持大小写字母、数字;随机字体
- MFC框架下,在ToolBar中添加ComboBox,并且设置ComboBox的字体
- [MFC]设置对话框所有控件字体为同一字体的简单方法
- My97DatePicker,设置第二个日期为第一个日期增加指定天数,并且格式化输出
- IE下获取所有客户端字体,设置背景色
- 如何将word中所有数字和字母设置成红色 加粗 倾斜
- 【面试系列】把一个字符串里除了大小写字母以外的所有东西都去掉,然后都变成小写,之后按顺序排序