css-实现段落首字下沉

xyc

       项目中可能会遇到段落中单独给第一个字设置样式的问题，今天就来说下怎么实现段落首字下沉的问题。

       实现方法：利用伪类:first-letter选择器来给元素第一个字母设置样式。
      

[CSS] 纯文本查看 复制代码

p:first-letter{
 font-size:40px;
 float: left;
 color:red;
}

       默认效果：
      
      加入样式后的效果：
      

      这样就实现了段落的首字下沉的问题。