リンク |
〆 リンクを設定します
1.HTMLではできないマウスオーバ時の表示を変更します。
"h:over"にstyleを設定すると設定できます。
@sample.css
a:link { /*リンクの設定*/ color:gray; } a:visited { /*訪問済みリンクの設定*/ color:green; } a:active { /*クリックされた時の設定*/ color:red; } a:hover { /*マウスオーバ時の設定*/ text-decoration:underline; background-color:yellow; } a { /*リンクにまとめて設定*/ text-decoration: none; font-weight: bold; } |
|
2.マウスオーバ時に文字の大きさをかえます。
a:hover{ font-size:????; }
@sample.css
a:link { /*リンクの設定*/ color:gray; } a:visited { /*訪問済みリンクの設定*/ color:green; } a:active { /*クリックされた時の設定*/ color:red; } a:hover { /*マウスオーバ時の設定*/ font-weight: bold; font-size:16px;} a { /*リンクにまとめて設定*/ text-decoration: underline; font-weight: normal; font-size:13px;} |
|
3.マウスオーバ時に押したように見せかけます。
a:hover { position:relative; top:2px; left:2px; }
@sample.css
a:link { /*リンクの設定*/
color:gray;
}
a:visited { /*訪問済みリンクの設定*/
color:green;
}
a:active { /*クリックされた時の設定*/
color:red;
}
a:hover { /*マウスオーバ時の設定*/
background-color:yellow;
position:relative;
top:2px;
left:2px;
}
a{ /*リンクにまとめて設定*/
font-weight: bold;
font-size:15px;
}
|
|