10.border-bottomプロパティは、下のボーダーに関する設定をまとめて指定します。
ここでは、リンク下線の設定を紹介します。 適用要素：すべての要素

※★CSS
.a1 {
	text-decoration: none;
	border-bottom: 1px solid #d49fc2;
}

.a2 {
	text-decoration: none;
	border-bottom: 1px dotted #d49fc2;
}

.a3 {
	text-decoration: none;
	border-bottom: 1px dashed #d49fc2;
}

.a4 {
	text-decoration: none;
	border-bottom: 1px double #d49fc2;
}


※★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>
<div>④<a class="a4" href="http://shin-sapporo.com/">テキストリンク4</a></div>





①テキストリンク1
②テキストリンク2
③テキストリンク3
④テキストリンク4