CSS 文本

TEXT FORMATTING

文本格式化

This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from this colored "Try it Yourself" link.

该文本使用某些文本格式属性来设置样式。标题使用 text-align、text-transform 和 color 属性。段落缩进、对齐，并指定了字符间距。然后从这个彩色的“我要试一试”链接中删除了下划线。

我要试一试

 

1. 文本颜色

color 属性用于设置文本的颜色。颜色由以下值指定：

  • 颜色名 - 比如 "red"
  • 十六进制值 - 比如 "#ff0000"
  • RGB 值 - 比如 "rgb(255,0,0)"

页面的默认文本颜色是在 body 选择器中定义的。

范例

body {
  color: blue;
}
h1 {
  color: green;
}

我要试一试

提示：对于 W3C compliant CSS：如果您定义了 color 属性，则还必须定义 background-color 属性。

 

2. 文本颜色和背景色

在本例中，我们定义了 background-color 属性和 color 属性：

范例

body {
  background-color: lightgrey;
  color: blue;
}
h1 {
  background-color: black;
  color: white;
}

我要试一试

HTML <font> 标签的 color 属性：color 属性规定 font 元素中文本的颜色。语法：<font color="value">。color_name：规定颜色值为颜色名称的文本颜色（比如 "red"）。hex_number：规定颜色值为十六进制值的文本颜色（比如 "#ff0000"）。rgb_numbe：规定颜色值为 rgb 代码的文本颜色（比如 "rgb(255,0,0)"）。