テキストリンクに記号を表示させる
投稿日時：
この記事は約 1 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
PDFをダウンロードしてもらうときなどに、
ファイル形式をアイコンで表示してあげると親切です。
テキストリンクにアイコンを表示するには、
スタイルシートをこんな風に記述すればＯＫです。
a {
background:url(images/icn.gif) no-repeat center left;
text-decoration:none;
padding-left:20px;
}
この方法は、他にもいろんな場面で使うので、
覚えておいて損はありませんね。
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
リンクに良く使われている「>>」記号をHTMLで表示する方法
リンクの部分に「»」という記号を「>>」のように2文字ではなく、1文字で表示したい。 そんなときには。 …
-
-
知らなくて損していませんか？
今日は、とっても暖かくて気持ちのいい一日でしたね。やっぱり寒いより暑い方が好きな白鳥です。 ★毎回好評の《初心者向けホームページ…
-
-
★売上とホームページ作成スキルの関係は？
こんにちは。ウィズダム・デザインの白鳥です。 ★自分のホームページ制作のスキルに満足していますか？ ホームページ制作のスキルは、…
-
-
ウィンドウを2分割して表示するChromeのアドオン「Split Screen」
ホームページ制作をしていると、表示のチェックするために複数のブラウザウィンドウを開くので、デスクトップにウィンドウがたくさんあっ…
-
-
★ホームページを公開したら最初にやるべきこと２４セミナー やります
「ホームページを公開したけれど、次に何をすれば良いか分からない」 というあなたに、ホームページを公開したら必ずするべきことを分か…
-
-
XREAで独自ドメインを設定する方法
★XREAで独自ドメインを設定する方法 VALUE-DOMAIN で取得したドメインを、XREAに設定する方法です。 まだドメイ…
-
-
【広告を出すのが怖い】と思ったことがありますか？
「はい」と答えた人はどれくらいいるでしょうか？ 結構、多いのではないかと思います。何を隠そう、自分も怖かったですし。 ホームペー…
-
-
あなたの給料が少ない理由
【不況だから】なんて理由ではありません。その理由はコレ 優秀な技術者にそれ相応の給料が支払われない理由http://blog.o…
-
-
内部SEO対策：<title>タイトルタグについて(2)
―知っておきたいSEO対策の基礎２ 目次1 キーワードを適切に含める2 興味を惹くかどうか？3 よくある間違い4 タイトルを使っ…
-
-
新機能で検索結果をカスタマイズ：ウェブ検索でもスター機能
Gooogleの検索結果が変わりましたね。 検索結果の上位に 「○○ のスター付き検索結果」 という項目が追加されています。 G…
