css可以使用:first-letter伪元素设置首字下沉。
<html> <head> <style type="text/css"> p:first-letter { font-size: 50px; float: left; color: #333; text-indent: 0; padding: 2px; line-height: 1em; } </style> </head> <body> <p> 你可以使用:first-letter伪元素为文本的第一个字母添加特殊效果! </p> </body> </html>
效果图:
:first-letter 伪元素向文本的第一个字母添加特殊样式。
这个伪元素用于指定一个元素第一个字母的样式。所有前导标点符号应当与第一个字母一同应用该样式。某些语言有一些要处理为单个字符的字母组合,如果是这样,用户代理可能会把首字母同时应用到这个字母组合。
在 CSS2.1 之前,:first-letter 只能与块级元素关联。CSS2.1 扩大了这个范围,可以与任何元素关联。可以应用到首字母的属性是有限的。
注释:下列属性应用于 :first-letter 伪元素:
font 属性
color 属性
background 属性
margin 属性
padding 属性
border 属性
text-decorationvertical-align (仅当 'float' 为 'none' 时)
text-transform
line-height
float
clear
以上就是css如何设置首字下沉?的详细内容,更多请关注易知道|edz.cc其它相关文章!