BlaBla.cn 网页教程与代码的中文站点
最近更新日期：2007-04-30 作者：布啦布啦 参考来源：www.BlaBla.cn 布啦布啦网页教程与代码
网站首页
>
CSS 教程与实例代码
>
CSS 代码实例
>
CSS 文本属性实例
> 文本缩进属性(text-indent)
编辑文本后点击显示结果
Blabla.cn
<html> <head> <title>文本缩进属性 text-indent</title> <style type="text/css"> .p1 {text-indent: 8mm} .d1 {width:300px} .p2 {text-indent:50%} </style> </head> <body> <p>下面两端都设定CSS文本缩进属性(text-indent)，第一段用长度方法设值，第二段用百分比方法设值。</p> <p class = "p1">芙蓉姐姐说道：“我那妖媚性感的外形和冰清玉洁的气质让我无论走到哪里都会被众人的目光无情地揪出来。我总是很焦点。我那张耐看的脸，配上那副火爆得让男人流鼻血的身体，就注定了我前半生的悲剧。”</p> <div class = "d1"> <p class = p2>芙蓉姐姐说道：“我那妖媚性感的外形和冰清玉洁的气质让我无论走到哪里都会被众人的目光无情地揪出来。我总是很焦点。我那张耐看的脸，配上那副火爆得让男人流鼻血的身体，就注定了我前半生的悲剧。”</p> </div> </body> </html>
© 2005-2008 BlaBla.cn 版权所有