CSSを使ったリンクデザイン - web0609 @ ウィキ

基本的なものから、Scriptを使ってアニメーションする方法までリンクだけでもいろいろな見せ方がありますね。

でも、一番大切なのはクリックしてもらえるかどうか・・・
だと個人的に思っているわけでして、そこでユーザーにやさしい？感じのするリンクをご紹介。

訪問済み(visited)リンクの見せ方

a:visited { text-decoration: line-through; }

a:visited { padding-right: 12px; background: url(visitedLink.gif) no-repeat 100% 50%; }

残念ながら、IEではサポートされていませんが、:beforeや:afterなんかを使ったら面白い効果が出せそうですね。

• • • でもIEがすべてじゃないから

pdfファイルなどにリンクすると、pdfのアイコンがテキストの横に表示されます。

a[href $='.pdf'] {
padding-right: 18px;
background: transparent url(icon_pdf.gif) no-repeat  center right;
}

アイコンが必要だけどこれは結構使えますよ！