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>



テキストリンク1
テキストリンク2
テキストリンク3