Warning: Trying to access array offset on value of type bool in /home/yotigory/codingmania.net/public_html/wp-content/plugins/search-everything/config.php on line 29
CSSでテキストの先頭に画像を表示する - CodingMania

CodingMania

2011/3/13

CSSでテキストの先頭に画像を表示する

CSSの背景画像を使って、タイトルなどの先頭に画像を表示します。

マーカーの大きさにより適宜数値は修正。

デモページへ

HTMl

<div class="mod_Midasi002">
<h2>Midasi_002：リストマークつき見出し</h2>
<!-- mod_Midasi002_end --></div>

CSS

.mod_Midasi002{
}
.mod_Midasi002 h2{
    min-height:23px;
    height:auto!important;
    height:23px;
    padding:0 0 0 30px;
    font-size:1.4em;
    font-weight:bold;
    line-height:23px;
    color:#666;
    background:transparent url('Midasi_002.gif') no-repeat 0 0 scroll;
}