CSS 提供了许多样式化文本的属性,以下是一些常见的 CSS 文本属性和用法:

1. 字体样式 (font):
p {
  font-family: "Arial", sans-serif; /* 设置字体 */
  font-size: 16px; /* 设置字体大小 */
  font-weight: bold; /* 设置字体粗细 */
  font-style: italic; /* 设置字体样式,如斜体 */
  line-height: 1.5; /* 设置行高 */
}

2. 文本颜色 (color):
p {
  color: #333; /* 设置文本颜色,使用十六进制颜色代码 */
}

3. 文本对齐 (text-align):
p {
  text-align: center; /* 设置文本对齐方式,可选值:left, right, center, justify */
}

4. 文本装饰 (text-decoration):
a {
  text-decoration: none; /* 去除链接下划线 */
  /* 其他值:underline(下划线)、overline(上划线)、line-through(删除线) */
}

5. 文本转换 (text-transform):
h2 {
  text-transform: uppercase; /* 转换文本为大写 */
  /* 其他值:lowercase(小写)、capitalize(首字母大写) */
}

6. 字母间距 (letter-spacing):
span {
  letter-spacing: 2px; /* 设置字母间距 */
}

7. 文本阴影 (text-shadow):
h3 {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* 设置文本阴影,参数分别为水平偏移、垂直偏移、模糊度和颜色 */
}

8. 行高 (line-height):
p {
  line-height: 1.5; /* 设置行高,相对于字体大小的倍数 */
}

这些只是 CSS 中一些用于样式化文本的属性。你可以根据具体需求来组合使用这些属性。


转载请注明出处:http://www.pingtaimeng.com/article/detail/12522/CSS