1. 現在位置:
  2. トップページ
  3. HP作成tips
  4. stylesheet
  5. リンク
リンク(a要素の疑似クラス(hover))
background-color 背景(色を指定)
a:hover {
background-color: #0000ff;
}
リンクの状態別に文字色を指定
a:link { color: #000000; } /*通常(未アクセス)の色*/
a:visited { color: #000000; } /*アクセス済みの色*/
a:hover { color: #000000; } /*ポイント時の色*/
a:active { color: #000000; } /*アクティブ時の色*/
text-decoration 文字の装飾(上線、下線、抹消線、点滅)を指定
a {
text-decoration: none; /*下線を消す*/
}
a:hover {
text-decoration: underline; /*下線を表示*/
}
border-○○ 枠線の太さ、色、種類をひとまとめに指定
a {
text-decoration: none; /*このスタイルを指定する場合は、予め標準の下線を消しておく*/
border-bottom: 1px #0000a0 dotted;
}
border-○○-color
border-color 上下左右をまとめて指定
border-color: #85b9e9; [上下左右] を指定
border-color: #85b9e9 #bde9ba; [上下] と [左右] を指定
border-color: #85b9e9 #bde9ba #ffd37d; [上] と [左右] と [下] を指定
border-color: #85b9e9 #bde9ba #ffd37d #d1d1d1; [上] と [右] と [下] と [左] を指定
上下左右を個別に指定
border-top-color 上の枠線を指定
border-right-color 右の枠線を指定
border-bottom-color 下の枠線を指定
border-left-color 左の枠線を指定