利用CSS设置缩进效果

  前几种方法都是在段落开头加入一些东西,利用占位法设置缩进效果,而使用CSS设置缩进效果则更容易,也便于修改。

  text-indenet属性就是缩进元素中的首行文本,它可以取正值或负值。比如我们想让所有的段落首行都缩进两个字符的宽度就可以设置段落的CSS属性,举例:


p {

text-indent:2em;

}



  这里我设置的值为2em,em是一个相对单位,2em就是页面字体的两倍大小,当页面字体为12像素时,首行缩进就是24像素,当页面字体为14像素时,首行缩进就成了28像素。

posted @ 2012-05-29 20:16  -禅意花园-  Views(472)  Comments(0)    收藏  举报