リンク設定のスタイルシート(CSS)

ここでは、リンク設定のスタイルシート(CSS) に関する記事を紹介しています。
--/--/--(--)
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2006/01/15(日)
■リンクする要素に対してスタイルを適用します
/* 記述例 */
a {
text-decoration: underline; color:#0000ff;
}

リンクするテキストにアンダーラインを表記し、青字で表示する
(underline ⇒ none ;アンダーラインを表記しない)

■リンクする要素のうち、未閲覧(キャッシュされていない)要素に対してスタイルを適用します
/* 記述例 */
a:link {
color : #ff6633!important;
}
(important=サイト制作者のスタイルよりもユーザーが設定した色を優先する)

■リンクする要素のうち、閲覧済(キャッシュされている)要素に対してスタイルを適用します
/* 記述例 */
a:visited {
color : #ff8800 !important; text-decoration: none;
}

閲覧済リンクテキストにアンダーラインを表記せず、オレンジ色で表示する

■リンクする要素のうち、未閲覧(キャッシュされていない)要素に対してスタイルを適用します
/* 記述例 */
a:hover {
color : #ff0000 !important; text-decoration: underline;
}

未閲覧リンクテキストにアンダーラインを表記し、赤色で表示する

■カーソルをその要素の上に置いているが、まだアクティブ状態でない時のスタイル
/* 記述例 */
a:hover {
color : #ff3333 !important; text-decoration: underline;
}

■アクティブ状態にされた時(クリックした時)のスタイル
a:active {
color : #ffff00 !important;
}
*/* リンク画像の枠を表示しない */
a img {
border-style : none;
}
この記事へのコメント
幅の変更も
デザインが好きでDLさせて頂きましたm(_'_)m
が、全体幅を50ピクセルくらい狭めるカスタマイズで挫折しました。。
非常に残念です。
2005/12/23(金) 21:28 | URL | マジオジ #LkZag.iM[ 編集]
URL:
Comment:
Pass:   
この記事のトラックバックURL
http://weblog2983.blog39.fc2.com/tb.php/5-fc25252f
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。