css实现首字下沉实例代码

时间：2022-06-25 09:01:19 编辑：袖梨来源：一聚教程网

先看个实例上代码。应用到你要沉的那个字就ok了。

例1

代码如下	复制代码
.first { font-size:320%; /字体百分比增大/ float:left; /左浮动/ }

分析：

1.字体增大。

2.左浮动，然后下一行的就提上来了

例2

代码如下	复制代码
.menglong,.menglong2,.menglong3 { width:300px; border:1px solid #ddd; padding:5px; font-size:12px; margin:5px 0; } .menglong:first-line { color:red; } .menglong:first-letter { font-size:350%; font-weight:bold; color:#000; float:left; } .menglong2:first-line { letter-spacing:-2px; } .menglong3{ text-indent:2em; }

html代码：

代码如下

复制代码

CSS首字下沉

2 some sinking and discoloration2 some sinking and discoloration2 some sinking and discoloration2 some sinking and discoloration

首字下沉及第一行变色首字下沉及第一行变色首字下沉及第一行变色首字下沉及第一行变色首字下沉及第一行变色首字下沉及第一行变色

首行缩进，距离更紧密的.首行缩进，距离更紧密的首行缩进，距离更紧密的首行缩进，距离更紧密的首行缩进，距离更紧密的首行缩进，距离更紧密的

段落首行空两格的。段落首行空两格的。段落首行空两格的。段落首行空两格的。段落首行空两格的。段落首行空两格的。段落首行空两格的。