リンク色を複数設定

使い分け

リンク色を複数設定するにはクラスを使い分けます。

設定は、範囲指定と個別の2種類あります。ページで違うスタイルシートを使い分けるという利用もあります。

■ 普通の方法

a:link { color: #0000cd }
a:visited { color: #800080 }
a:hover { color: #fffacd; background-color: #d2b48c }
a:active { color: #ffffff }

クラスを使用

クラスを使用すると個別に指定できます。ページごとに違うスタイルシートを使い分けるという利用方法もあります。

■ 適用範囲を設定して使用

.link a:link { color: #0000cd }
.link a:visited { color: #800080 }
.link a:hover { color: #fffacd; background-color: #8fbc8f }
.link a:active { color: #ffffff }

<div class="link">~</div>の全てのリンクが対象になります。


■ 個別に設定

a.link:link { color: #0000cd }
a.link:visited { color: #800080 }
a.link:hover { color: #fffacd; background-color: #8fbc8f }
a.link:active { color: #ffffff }

<a class="link" href="https://www.syousai.com/web.html">~</a>
このリンクのみが対象になります。

.linkはクラス名です。

リンク色を複数設定、使い分け。パソコン付属のテキストエディタを利用した、初心者向け無料ホームページ作成方法の解説。無料hp作成の参考に!

ページTopヘ

Top >> 無料 ホームページ作成

Access Ranking!

  1. 無料 求人 派遣 土日のみ 単発
  2. 無料 海外旅行保険 クレジットカード 傷害
  3. 無料 アンケート
  4. 無料 クレジットカード 審査 甘い
  5. 無料 ホームページ作成 無料hp作成
  6. 無料 クレジットカード 初心者
  7. 無料 オリックスカード 審査
Copyright©2017 www.syousai.com.All rights reserved. XTML, CSS,