文字の色 color

訪問済みリンク(http://www.yahoo.co.jp)

a:visited { color: green;}

未訪問リンク(http://www.yahoo.co.jp)

a:link { color: red;}

背景の色 background

訪問済みリンク(http://www.yahoo.co.jp)

a:visited { background: green;}

未訪問リンク(http://www.yahoo.co.jp)

a:link { background: red;}

文字の装飾 text-decoration

訪問済みリンク(http://www.yahoo.co.jp)

a:visited { text-decoration: none;}

未訪問リンク(http://www.yahoo.co.jp)

a:link { text-decoration: underline;}

要素のサイズ height,width

訪問済みリンク(http://www.yahoo.co.jp)

a:visited { display: block; border: solid 1px green ; height: 1em; width: 25em;}

未訪問リンク(http://www.yahoo.co.jp)

a:link { display: block; border: solid 1px red ; height: 2em; width: 50em;}

この記事に戻る
Safari 5では訪問済みリンクと未訪問リンクは区別されないっぽい | trapon : experience