アイコン付きテキストリンク

説明補足説明コード分割コードコメント投稿

このサンプルは、リンクにアイコンを付加してアイコン付きのテキストリンクを表示します。doc, txt, pdf, gif, jpg, mp3などのファイルをリンクさせるときに便利です。

このサンプルは、リンクにアイコンを付加してアイコン付きのテキストリンクを表示します。doc, txt, pdf, gif, jpg, mp3などのファイルをリンクさせるときに便利です。

anchor要素のhref属性に設定されているファイルの拡張子を調べるには、以下のようなスタイルシートを使用します。このサンプルで使用しているアイコンは、 ここからダウンロードしてください。

a[href$='.txt'] {
  padding: 5px 20px 5px 0;
  background: transparent url(icons/icon_txt.gif) no-repeat center right;
}