CSS教程：CSS对网页文字样式的控制
内容提示：本文分为三个部分，主要介绍CSS对文本颜色，文本背景颜色及字符间距的控制。

下面先来看看文本颜色控制代码

<html>
<head>
<style type="text/css">
h1 {color: #00ff00}
h2 {color: #dda0dd}
p {color: rgb(0,0,255)}
</style>
</head>
<body>
<h1>H1</h1>
<h2>H2</h2>
<p>P段落</p>
</body>
</html>

再来看看CSS对文本的背景色控制实例代码

<html>
<head>
<style type="text/css">
span.highlight
{
background-color:yellow
}
</style>
</head>
<body>
<p>
<span class="highlight">这是文本。</span> 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 <span class="highlight">这是文本。</span>
</p>
</body>
</html>
最后就是CSS对文字字符间距在控制

<html>
<head>
<style type="text/css">
h1 {letter-spacing: -3px}
h4 {letter-spacing: 0.5cm}
</style>
</head>
<body>
<h1>This is header 1</h1>
<h4>This is header 4</h4>
</body>
</html>

提示：每个实例代码都保存为一个单独的HTML文件，打开查看效果。欢迎继续访问网站制作教程网