1.4 css 文本属性:对齐、行高、字间距、缩进、下划线、偏移阴影
CSS中文本属性包括对齐、行高、字间距、缩进、下划线和阴影。以下是对应的CSS属性和示例代码:
- 对齐(text-align):
p {
text-align: center; /* 居中对齐 */
}
- 行高(line-height):
p {
line-height: 1.5; /* 行高为字体大小的1.5倍 */
}
- 字间距(letter-spacing):
p {
letter-spacing: 2px; /* 字母之间的间距为2px */
}
- 缩进(text-indent):
p {
text-indent: 2em; /* 段落首行缩进为字体大小的两倍 */
}
- 下划线(text-decoration):
a {
text-decoration: underline; /* 下划线 */
}
- 阴影(text-shadow):
h1 {
text-shadow: 2px 2px 2px #000; /* 水平偏移2px,垂直偏移2px,模糊半径2px,颜色为黑色的阴影 */
}
这些属性可以用来控制文本的外观,在网页设计中起着至关重要的作用。
评论已关闭