CSS3文本首字下沉是一种让段落首字母显示更美观的效果,可以让文章更有品质感和设计感。下面我们介绍一下如何在CSS文件中实现这种效果。
p:first-letter { font-size: 2em; float: left; margin-right: 0.1em; margin-bottom: -0.2em; }
标签中的第一个字母,并为它设置样式。其中font-size属性指定字母的大小,float:left让字母浮动到左侧,margin-right调整字母与文字之间的距离,margin-bottom属性则将文字下移,让首字下沉。
如果需要设置不同的字母大小和样式,可以在选择器中添加更多的属性,如下所示:
p:first-letter { font-size: 2em; color: red; font-family: Georgia; float: left; margin-right: 0.1em; margin-bottom: -0.2em; }