テキストリンクに記号を表示させる
投稿日時：
この記事は約 1 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
PDFをダウンロードしてもらうときなどに、
ファイル形式をアイコンで表示してあげると親切です。
テキストリンクにアイコンを表示するには、
スタイルシートをこんな風に記述すればＯＫです。
a {
background:url(images/icn.gif) no-repeat center left;
text-decoration:none;
padding-left:20px;
}
この方法は、他にもいろんな場面で使うので、
覚えておいて損はありませんね。
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
ホームページ色名一覧
ホームページで使う色を16進数で指定するのが難しい人のために慣用名でも指定することが出来るようになっています。 考えた人は偉いで…
-
-
画像置換(text-indent)で出る点線を消したい
text-indent:-9999px; を使った画像置換はFirefox だとクリックした時に画面外へ点線が出てしまう。そんな…
-
-
ホームページ作成用語集：Internet Explorer（インターネットエクスプローラー）
マイクロソフトが開発したブラウザ。Windowsのパソコンには最初からインストールされている。 Internet Explore…
-
-
とうとうGoogleが電子書籍に参入
いよいよ電子書籍ビジネスが熱くなって来ました。 iPad, iPhone と Kindle の一騎打ちでしょうか。 ネット上で、…
-
-
★売上とホームページ作成スキルの関係は？
こんにちは。ウィズダム・デザインの白鳥です。 ★自分のホームページ制作のスキルに満足していますか？ ホームページ制作のスキルは、…
-
-
新機能で検索結果をカスタマイズ：ウェブ検索でもスター機能
Gooogleの検索結果が変わりましたね。 検索結果の上位に 「○○ のスター付き検索結果」 という項目が追加されています。 G…
-
-
★毎回好評の《初心者向けホームページ作成セミナー》を開催します
もしあなたが、 ○初めてホームページを作ろうとしている○ホームページの作り方をイチから知りたい なら、次のことを知っておく必要が…
-
-
JavaScriptでマルチバイト文字列を決まった長さで省略する方法
ブログの「続きを読む」みたいなことを、JavaScriptで実現する方法です。 デザインの都合でエリアに入力できる文字数が決まっ…
-
-
IE、Firefox、Chrome 3大ブラウザ対決
先日、Google Chrome 4 が公開されたお知らせをしましたが Google「Chrome 4」正式版リリース R…
-
-
内部SEO対策：<meta>タグにキーワードとページの要約を記述する
Yahoo!カテゴリに掲載されることが、アクセスアップにとって大きな意味を持っていた時代から、ロボットによる検索結果表示への以降…
