テキストリンクに記号を表示させる
投稿日時：
この記事は約 1 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
PDFをダウンロードしてもらうときなどに、
ファイル形式をアイコンで表示してあげると親切です。
テキストリンクにアイコンを表示するには、
スタイルシートをこんな風に記述すればＯＫです。
a {
background:url(images/icn.gif) no-repeat center left;
text-decoration:none;
padding-left:20px;
}
この方法は、他にもいろんな場面で使うので、
覚えておいて損はありませんね。
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
内部SEO対策：<title>タイトルタグについて(4)
―知っておきたいSEO対策の基礎２ 目次1 よくある間違い1.1 すべてのページに同じのタイトルを設定している1.2 企業名だけ…
-
-
XREAで独自ドメインを設定する方法
★XREAで独自ドメインを設定する方法 VALUE-DOMAIN で取得したドメインを、XREAに設定する方法です。 まだドメイ…
-
-
ホームページ作成用語集：Internet Explorer（インターネットエクスプローラー）
マイクロソフトが開発したブラウザ。Windowsのパソコンには最初からインストールされている。 Internet Explore…
-
-
ホームページ作成セミナーやります
友人のご協力を得てセミナーを開催することができました！ パソコン教室を会場としてご提供いただきました。さくらさんありがとうござい…
-
-
商品画像を拡大して魅せる
この拡大の方法はちょっと面白いかもhttp://www.cecile.co.jp/detail/3/CTCV1E000005/
-
-
ウィンドウを2分割して表示するChromeのアドオン「Split Screen」
ホームページ制作をしていると、表示のチェックするために複数のブラウザウィンドウを開くので、デスクトップにウィンドウがたくさんあっ…
-
-
ホームページ作成用語集：インストール
ソフトウェアをパソコンで使えるように設定すること。セットアップとも呼ばれます。 ダウンロードしたファイルやCD,DVDなどのデー…
-
-
画像置換(text-indent)で出る点線を消したい
text-indent:-9999px; を使った画像置換はFirefox だとクリックした時に画面外へ点線が出てしまう。そんな…
-
-
２ヶ月でYahoo!２位達成！！
弊社のSEOツールをご利用いただいたお客様が 《ビリヤード 練習》のキーワードで こちらのホームページが、http://bit.…
-
-
重要な仕事は1日1つまでにする。
そういや調子の良いときはこれでした。参考になりますね。 自分をガッツリ集中させるための8つのセルフマネジメント術http://w…
