09.text-decorationプロパティは、テキストの装飾を指定します。 ここでは、リンクの装飾の設定を紹介します。 適用要素:すべての要素
※★CSS
.a1 {
text-decoration: none;
}
.a1:hover {
color: red;
text-decoration: none;
}
.a2 {
text-decoration: underline;
}
.a2:hover {
color: red;
text-decoration: none;
}
.a3 {
text-decoration: none;
}
.a3:hover {
color: red;
text-decoration: underline;
}
※★HTML
<div>①<a class="a1" href="http://shin-sapporo.com/">テキストリンク1</a></div>
<div>②<a class="a2" href="http://shin-sapporo.com/">テキストリンク2</a></div>
<div>③<a class="a3" href="http://shin-sapporo.com/">テキストリンク3</a></div>