乌徒帮技术范儿技术中心CSS样式表 › text-indent:css实现首行缩进

text-indent:css实现首行缩进

分类:CSS样式表

在我们网站制作过程中,往往需要对文章中每段文章进行首行缩进,以符合我们的阅读习惯。这个工作让css来完成,一劳永逸,是非常不错了,你只需要对固定区域内的标签属性进行规定,就能获得首行缩进的效果。拿.content中的<p>标签来说,我们可以作如下规定:

.content p {
text-indent: 2em;
}

即可完成这项工作。下面来稍稍讲解一下text-indent属性。

  • text-indent:定义块级元素的首行文本的的缩进CSS样式
  • em会继承父级元素字体的大小,2em就是指两个字体的大小。
已有1条评论 快速评论
  1. 午后创意 #88楼 2011/08/02 14:09:38 回复

    以后得常来学学css

填写个人信息,赶快回复吧!