プライベートモードで閲覧中です。

sugar pot : 【私家版・はじめてのFC2ブログカスタマイズ】#19 CSS編・リンクの設定

ほろ苦い夢のかけらのおすそわけ

スポンサーサイト

--年--月--日(--)

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
#
カテゴリ:スポンサー広告

trackback

【私家版・はじめてのFC2ブログカスタマイズ】#19 CSS編・リンクの設定

2005年07月17日(日) コメント:1 トラックバック:0

リンクについて、以下のような表示を行う。

/* リンクの設定

#1077
カテゴリ:107 ブログカスタマイズ

trackback

<<【私家版・はじめてのFC2ブログカスタマイズ】#19 CSS編・リンクの設定 | BRAIN SPORTS>>

コメント(-1件)

anonymous:

EXTENDED BODY:

	a:link {
color
}

オリジナル説明文:/* リンクする要素のうち、未閲覧(キャッシュされていない)要素に対してスタイルを適用します */
つまり、
「まだこのリンクはクリックされてないよ」というのを分からせる表示。一般的にはこのように色でメッセージを送る。
CSSで指定されたものは、一般的にはHTML文書作成者によるスタイルシートが最も優先されるが、「!important」をつけることでその順位を変えることができる。ここでは説明にあるように、「/* 文字の色(important=サイト制作者のスタイルよりもユーザーが設定した色を優先する) */」ようになっている。[1]以下、色にかんしてすべてこのimportant指定がされている。


	a:visited {
color
}

オリジナル説明文:/* リンクする要素のうち、閲覧済(キャッシュされている)要素に対してスタイルを適用します */

つまり、「このリンクはもうクリックしたよ~」というのを分からせる表示。色分けすることによって見る人に便宜を図っているというわけ。


	a:hover {
color
}

オリジナル説明文:/* ユーザーがカーソルをその要素の上に置いているが、まだアクティブ状態にしていない時にスタイルを適用します */
「今カーソルはここにあるよ~」という状況を表示。


	a:active {
color
}

オリジナル説明文:/* その要素がユーザーによってアクティブ状態にされた時にスタイルを適用します */
「今クリックされたよ~」という状況を表示。


	a img {
border-style
border-width
text-decoration
}

オリジナル説明文で、/* リンク画像の枠を表示しない */とコメントされている。この部分は、画像にリンクをつけた場合[2]に、その画像に枠をつけるかどうかの設定。

プロパティ・枠線のスタイル(border-style)には、以下の値がある。

  • none

  • hidden

  • solid

  • double

  • groove

  • ridge

  • inset

  • outset

  • dashed

  • dotted

これ面白いので少し試してみよう。


  • hiddenを使った場合
  • 1970年01月01日(木)09:00:00
  • URL
  • 編集
コメントの投稿

トラックバック(-0件)

http://bittersweetdreams.blog9.fc2.com/tb.php/1077-07998642

Bookmarked

Blog Battler

ブログバトラー

Twitter

    フリーエリア

    上部の説明

    下部の説明

    Utilities

    Ad

    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。