|
|
背景画像を固定させるには、「スタイルシート」を使います。
スタイルシートは、<head>〜</head>内に記述して使います。
<head>〜</head>内に記述するとページ全体にスタイルシートの内容が適用されます。
リンクは表示させたい位置に入力してください。
| HTML文書 |
 オンマウスでリンクの文字を枠で囲みます
|
<style type="text/css">
<!--
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:hover {border-width:1px;border-style:solid;border-color:#00ff00;padding:2}
-->
</style> |
|
a:hover {border-width:1px;border-style:solid;border-color:#3366ff;padding:2} の部分で、
マウスをのせた時の枠の設定をします。
左から、width:1で枠線の太さ。 border-style:solid の solid部分が枠線の種類。
border-colorで枠線の色を設定します。
border-style:solidのsolidをdottedに変えると点線になります。
a:linkは、リンクの何もしてない状態で
a:visited は、一度クリックした状態、
a:active は、クリックしたときの状態、
a:hoverは、マウスを乗せた時の事です。
それぞれ、colorに好きな色を設定してください。
|
|
を紹介しています。
