文字の装飾のレンダリング

<style type="text/css"><!--
.eg1 {text-decoration:none;}
.eg2 {text-decoration:underline;}
.eg3 {text-decoration:overline;}
.eg4 {text-decoration:line-through;}
.eg5 {text-decoration:blink;}
--></style>

<div class="eg1">ノーン (装飾なし: 初期値)</div>
<div class="eg2">アンダーライン (下線)</div>
<div class="eg3">オーバーライン (上線)</div>
<div class="eg4">ラインスルー (削除線)</div>
<div class="eg5">ブリンク (点滅)</div>

<style type="text/css"><!--
a.eg1:link    {color:#00f; text-decoration:none;}
a.eg1:visited {color:#00f; text-decoration:none;}
a.eg1:hover   {color:#069; text-decoration:underline; background:#def;}
a.eg1:active  {color:#069; text-decoration:underline; background:#def;}
--></style>

<a href="decoration_des.htm#sec2" class="eg1" target="_top">マウスが乗ったら下線と背景を表示</a>