テキストリンクに記号を表示させる
投稿日時：
この記事は約 1 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
PDFをダウンロードしてもらうときなどに、
ファイル形式をアイコンで表示してあげると親切です。
テキストリンクにアイコンを表示するには、
スタイルシートをこんな風に記述すればＯＫです。
a {
background:url(images/icn.gif) no-repeat center left;
text-decoration:none;
padding-left:20px;
}
この方法は、他にもいろんな場面で使うので、
覚えておいて損はありませんね。
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
ウィンドウを2分割して表示するChromeのアドオン「Split Screen」
ホームページ制作をしていると、表示のチェックするために複数のブラウザウィンドウを開くので、デスクトップにウィンドウがたくさんあっ…
-
-
30秒ですっきり! 理系のためのオフィス系ストレッチ
パソコンを１日中使っている仕事柄ものすごーく肩がこります。 スポーツクラブに通ってはいてもそう頻繁には行けないので、 そんな時は…
-
-
★2000円でコンサルが受けられます
今日は《ホームページ更新 共同作業会》のお知らせです。 実はこの作業会、参加率が低くてビックリしています。 ホームページで商品を…
-
-
一億円の価値がある輪ゴム
写真をご覧ください。はい。ただの輪ゴムです（笑） 一億円で売っている輪ゴムではなく、一億円の価値を生み出す輪ゴムです。 では、な…
-
-
知らなくて損していませんか？
今日は、とっても暖かくて気持ちのいい一日でしたね。やっぱり寒いより暑い方が好きな白鳥です。 ★毎回好評の《初心者向けホームページ…
-
-
画像置換(text-indent)で出る点線を消したい
text-indent:-9999px; を使った画像置換はFirefox だとクリックした時に画面外へ点線が出てしまう。そんな…
-
-
本日限りです
先日お知らせしました、格安のホームページ作成代行サービスですが、本日23:59 59秒限りで先行販売終了となります。 先行販売価…
-
-
Google「Chrome 4」正式版リリース – 拡張機能に対応
お気に入りのブラウザ Chrome の最新版がリリースされました。 「インターネットを見る」と言えば、InternetExplo…
-
-
ホームページ作成用語集：JavaScript（ジャバスクリプト）
ホームページに様々な機能や動きを加えるために使われるプログラム言語。HTMLファイルの中に直接記述したり、別途作成した.jsファ…
-
-
モニターは消耗品
下北沢を歩いていたら、中古屋でiiyamaのモニタが安く売っていたので買ってみた。 17インチで7980円。 事前に値段を調べて…
