CSSの使い方

スタイルシート

a { color: brown ; } 

HTML

実行例

スタイルシート

// 未訪問リンク　の　色を　red　にする。
a:link { color: red } 
//訪問済みリンク　の　色を　green　にする。
a:visited { color: green }
//マウスカーソルを乗せたリンク　の　色を　blue　にする。
a:hover { color: blue } 
//選択したリンク　の　色を　gray　にする。
a:active { color: gray } 

HTML

実行例

HTML

<a href="./blank.html">通常のリンク</a>
<a href="./blank.html" style="color:orange;">オレンジ文字のリンク</a>
<a href="./blank.html" style="text-decoration:none;">下線なし</a>
<a href="./blank.html" style="background-color:skybluef;">背景あり</a>
<a href="./blank.html" style="font-size:15pt;font-weight:bold;">
　太字＋サイズを大きく</a>

実行例