スタイルシートを用いた使用例として、通常のHTMLタグでは実現が難しいものについて紹介します。スタイルシートをサポートしていないブラウザのために、表示例は、スタイルシートではない方法で表示しています。

<span style="font-size:20pt">大きなフォント</span>

<span style="background-color:silver">背景色</span>

<a href="xxx.html" style="text-decoration:none">リンク</a>

<div style="line-height:200%;">
これにより文章の行間が<br>
適度にあくようになります。
</div>

<style>
p { text-indent: 1em; }
</style>

あああああ
<div style="margin-left:30px">
この行がインデントされます。
</div>
ううううう

<style>
body { background: url(image/back.gif) repeat-y }
</style>

<style>
a:hover { color: red }
</style>