初心者のためのHTML入門講座

リンク設定した文字の色を変える

ホームページを訪問してアンダーラインのついたリンク文字にカーソルをのせたときとか、クリックした時は文字の色が変わるということはご存知だと思います。このような指定の方法は、スタイルシートで行います。セレクタと属性の書き方は下のとおりです。

a:link { color:blue; }
a:visited { color:green; }
a:hover { color:orange }

上から順に、未訪問のリンク文字の色指定、訪問済みのリンク文字色の指定、カーソルを文字にのせた時の文字色の指定です。上記の3行をスタイルシートに書き込んでいきます。pセレクタに関する指定の次の行から書き込みます。書き込んだら上書き保存、そしてブラウザ画面の「更新」ボタンを押します。それぞれの色が表示されますか?


次の項目→画像の表示方法