cssで見出しにアイコン画像を表示させる方法いろいろ - emuramemo
見出しのアクセントとしてよく使われるアイコン画像。 imgタグで表示させるよりもcssで書いたほうがメンテナンス性にも優れます。 センター寄せをする方法も含め、まとめておきます。 １．backgroundで表示する方法 cssでアイコン画像を表示させる一番スタンダードな方法です。 backgroundのプロパティ内容は場合によって変更して使いわけます。 html <h1 class="title">タイトルです</h1> テキストが１行の場合 CSS title { padding-left: 30px; line-height: 30px; background: url(../images/icon.png) no-repeat; } line-heightでアイコン画像とテキストの上下位置を中央にするテクニックです。 line-heightはアイコンの高さ分を指定し、 padding
HTMLタグ/ページ全般タグ/お気に入りアイコン（ファビコン）を指定する - TAG index
type属性の値には、使用する画像のMIMEタイプを指定します。 例えば、ファビコンで使用する画像がICO形式で作成されている場合は、以下のように記述します。 type="image/vnd.microsoft.icon" ファビコンで使用する画像は、ICO形式で作成するのが一般的です。（IEがこの画像形式にしか対応していないので） ファビコンの表示例 使用例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">
WEBデザイナーが作った超シンプル素材集 | WEB素材 ボタン 背景画像 矢印アイコン
Count per Day 8004225総閲覧数:3636539総訪問者数:22今日の訪問者数:14昨日の訪問者数:1現在オンライン中の人数: 「超シンプル素材集」へようこそ！ 商用利用OK・加工OK・許可不要・ALL無料のホームページ用素材をご用意しております。かなり自由にご利用いただけますが、ご利用の際は一応「利用規約」をご覧ください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Iconfinder | Download free icons
飛行機・ジェット機-01の無料アイコン素材（シルエット・シンボル・マークにも）
http://sozai.7gates.net/0100/0101/
商用でも使えるシンプルで使い勝手の良さそうなソーシャルアイコンセット・JustVectorとFALというライセンスに関するメモ - かちびと.net
