本例演示如何設置文本的顏色。
<Html>
<head>
<style type="text/CSS">
h1 {color: #00ff00}
h2 {color: #dda0dd}
p {color: rgb(0,0,255)}
</style>
</head>
<body>
<h1>這是 header 1</h1>
<h2>這是 header 2</h2>
<p>這是一個段落。</p>
</body>
</Html>
本例顏色如何設置部分文本的背景顏色。本文來自於網頁教學網WebjxCom
<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>
本例演示如何增加或減少字符間距。
<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>