§09-03…リンク個所にCSSを設定 – オンライン無料パソコン教室

§09-03…リンク個所にCSSを設定

(01) リンク個所(<a>タグ内)の背景色を「#FFFF00」にします。以下のようなCSSを追加・更新してから各ページをブラウジングしてください。

a{
background-color:#FFFF00;
}

index.htm

(02) リンク個所には自動的に下線が引かれますが、今回は<h3>内のリンクのみ下線が引かれないように設定します。下線を解除するには「text-decoration」プロパティの値を「none」にします。以下のようなCSSを追加・更新してから各ページをブラウジングしてください。

h3 a{
text-decoration:none;
}

index.htm

(03) その他の「text-decoration」プロパティの値と意味は以下のとおりです。

意味
none 装飾解除
underline 下線
overline 上線
line-through 取消線
blink 点滅

広告ブロックブラウザーではコンテンツが表示できません