首页 相关文章 CSS实战:美化段落文本之首字下沉

CSS实战:美化段落文本之首字下沉

  今天要讲的内容是如何实现“首字下沉”,,第一个字是很大的红色楷体,陷于一段文字之首。这种做法在杂志中常见,但是在网页中不那么常见。那么如何实现呢?其实很简单,只有一句CSS就可以了。

  Selector:first-letter {font-size:2.5em; font-family:"楷体_GB2312"; font-weight:bold; line-height:1.2em; float:left; padding:5px 2px 0 0; color:#c00;}

  如果你觉得还不是很清楚,那么这里就细细讲述一下:

  首先要在HTML中有一段自己的文本,是在

  中的也好,在其它块标签中都可以。给他个ID也好,class也好,直接的标签也可以,先找到这个选择符,这里假设一段文字的id为article,那么给这段的CSS一开始就写成:

  #article:first-letter {……}

  :first-letter 是个伪类,用途是设置对象内的第一个字符的样式表属性。该语法属CSS2范围。详细见《CSS2中文手册》

  这里再细说语句中的一个个属性,首先我们要让这...[ 查看全文 ]

2016-02-19 标签:

CSS实战:美化段落文本之首字下沉的相关文章

手机页面
收藏网站 回到头部