見出しのアクセントとしてよく使われるアイコン画像。 imgタグで表示させるよりもcssで書いたほうがメンテナンス性にも優れます。 センター寄せをする方法も含め、まとめておきます。 1.backgroundで表示する方法 cssでアイコン画像を表示させる一番スタンダードな方法です。 backgroundのプロパティ内容は場合によって変更して使いわけます。 html <h1 class="title">タイトルです</h1> テキストが1行の場合 CSS title { padding-left: 30px; line-height: 30px; background: url(../images/icon.png) no-repeat; } line-heightでアイコン画像とテキストの上下位置を中央にするテクニックです。 line-heightはアイコンの高さ分を指定し、 padding
![cssで見出しにアイコン画像を表示させる方法いろいろ - emuramemo](https://cdn-ak-scissors.b.st-hatena.com/image/square/5d2197219d83580b5e8d9384b3ac2cc2b7b5fbd3/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fe%2Femj1025%2F20140913%2F20140913143655.png)