CSS/tutorials/lesson5

来自开放百科 - 灰狐
(版本间的差异)
跳转到: 导航, 搜索
(文本缩进[text-indent])
第11行: 第11行:
  
 
==文本缩进[text-indent]==
 
==文本缩进[text-indent]==
 +
CSS属性text-indent用于为段落设置首行缩进,以令其具有美观的格式。在下例中,我们为采用p元素的段落应用了30像素的首行缩进。
 +
 +
p {
 +
  text-indent: 30px;
 +
}
 +
 +
[[Image:icon-example.gif]] [http://demo.huihoo.com/css/tutorials/lesson5-ex1.html 显示示例]
 +
 
==文本对齐[text-align]==
 
==文本对齐[text-align]==
 
==文本装饰[text-decoration]==
 
==文本装饰[text-decoration]==

2010年10月16日 (六) 04:12的版本

目录

第5课:文本

文本的显示格式与式样对于网页设计师来说是一个重要问题。这一课将向你介绍CSS在文本布局方面令人激动的特性。本课将对下列CSS属性进行讲解:

  • text-indent
  • text-align
  • text-decoration
  • letter-spacing
  • text-transform

文本缩进[text-indent]

CSS属性text-indent用于为段落设置首行缩进,以令其具有美观的格式。在下例中,我们为采用p元素的段落应用了30像素的首行缩进。

p {
 text-indent: 30px;
}

Icon-example.gif 显示示例

文本对齐[text-align]

文本装饰[text-decoration]

字符间距[letter-spacing]

文本转换[text-transform]

小结

Comment-32x32.png

<discussion>characters_max=300</discussion>

分享您的观点
个人工具
名字空间

变换
操作
导航
工具箱