リンクに飾りを設定

リンクを張った部分に若干の飾りを付けてみます。
標準の状態はピンクに設定しています。
もし、もう少し薄いピンクにしたい場合には注釈文の中にメモ書きしておいた部分をpinkというところに書き換えて下さい。

マウスポインタでポイントした状態（hover）ではスカイブルーにしてみましょう。
また、マウスポインタでポイントした状態（hover）ではリンクを表すアンダーラインを消しています。

example01.cssに次の文を書き加えて下さい。

a{
    background-color:pink;
    
}

a:hover{
    background-color:skyblue;
    text-decoration:none;
}

『text-decoration:none;』と記述すると、リンクの下線は表示されなくなります。
注意深く見てみると、マウスでポイントした部分のリンク設定欄には下線が表示されていないことが分かると思います。

戻る