テキストリンクに記号を表示させる
投稿日時:
この記事は約 1 分で読めます。
大丈夫、あなたなら出来る!
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
PDFをダウンロードしてもらうときなどに、
ファイル形式をアイコンで表示してあげると親切です。
テキストリンクにアイコンを表示するには、
スタイルシートをこんな風に記述すればOKです。
a {
background:url(images/icn.gif) no-repeat center left;
text-decoration:none;
padding-left:20px;
}
この方法は、他にもいろんな場面で使うので、
覚えておいて損はありませんね。
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
マウスオーバーの魅せ方
中央に三つならんでいる写真にマウスオーバーすると・・・ Ajaxをうまく活用してますね?jQuery使用のようです。
-
-
ホームページ作成用語集:アップロード
パソコンからファイルをサーバーに保存すること。 ホームページ作成の場合は、自分のパソコンで作成したホームページのデータをサーバー…
-
-
「Firefox 4」は2010年後半にリリース予定
Firefoxの最新版がいよいよリリースみたいです。 今回のバージョンアップでは「HTML5以降のWeb標準技術への対応」をする…
-
-
★毎回好評の《初心者向けホームページ作成セミナー》を開催します
もしあなたが、 ○初めてホームページを作ろうとしている○ホームページの作り方をイチから知りたい なら、次のことを知っておく必要が…
-
-
ホームページ作成用語集:Flash
Adobe Flash、略してFlash。 アドビシステムズ (Adobe Systems) が開発した、動画などのリッチコンテ…
-
-
本日限りです
先日お知らせしました、格安のホームページ作成代行サービスですが、本日23:59 59秒限りで先行販売終了となります。 先行販売価…
-
-
なぜカカクコムの最安店に注文が殺到しないのか
「最安値ではなくてもアマゾンで購入する」 ここに消費者の興味深い心理が含まれていますね。 「利用者は未知のショップに個人情報を登…
-
-
リンクに良く使われている「>>」記号をHTMLで表示する方法
リンクの部分に「»」という記号を「>>」のように2文字ではなく、1文字で表示したい。 そんなときには。 …
-
-
★4/18 ホームページ更新 共同作業会
ホームページを公開して、実際に更新を始めてみると思うように修正できないことが多いですよね。 そんなときはメールやホームページから…
-
-
ホームページ作成セミナー無事終了しました。ありがとうございます。
先日開催した ホームページ作成セミナー。 目玉が飛び出るほどのトラブルがありましたが、無事終了することが出来ました。 参加してい…

