CSSデザインカタログ » inline » リンクマーク，ダウンロードマークの挿入 : a002
ソース
XHTML
<p><a href="#" class="a002-l">サイトタイトル / ページタイトル</a></p>
<p><a href="#" class="a002-d">タイトル / タイプ / サイズ</a></p>
CSS
a.a002-l {
margin-left: 30px;
background: url(../img/mk-golink.png) no-repeat;
padding-left: 16px;
}
a.a002-d {
margin-left: 30px;
background: url(../img/mk-download.png) no-repeat;
padding-left: 21px;
}使用画像
解説
backgraounプロパティでマークとなる画像を入れています。画像の分だけpadding-leftをとります。