最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css实现首字下沉实例代码
时间:2013-09-06 编辑:简简单单 来源:一聚教程网
先看个实例上代码。应用到你要沉的那个字就ok了。
例1
代码如下 | 复制代码 |
.first { |
分析:
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代码:
代码如下 | 复制代码 |
2 some sinking and discoloration2 some sinking and discoloration2 some sinking and discoloration2 some sinking and discoloration 首字下沉及第一行变色首字下沉及第一行变色首字下沉及第一行变色首字下沉及第一行变色首字下沉及第一行变色首字下沉及第一行变色 首行缩进,距离更紧密的.首行缩进,距离更紧密的首行缩进,距离更紧密的首行缩进,距离更紧密的首行缩进,距离更紧密的首行缩进,距离更紧密的 段落首行空两格的。段落首行空两格的。段落首行空两格的。段落首行空两格的。段落首行空两格的。段落首行空两格的。段落首行空两格的。 |
-
上一个: css实现垂直水平居中实例代码
-
下一个: IE浏览器DIV居中实现方法
相关文章
- 使用css的放射渐变实现光影效果实例 12-17
- CSS实现平滑伸缩的搜索框实例 06-01
- css 在ie下 inline-block用法实例 01-19
- CSS text-align 文本对齐实例 09-12
- css 文章内容排版实例 03-23
- css中if使用实例 11-08