あると便利なリスト用アイコン

2012-08-04 04:13:26
画像をダウンロードして、フォトショップで切り抜き加工をして使ってください。CSSの宣言方法も記載しておきます。

<HTML>


<ul class="listMark">
    <li>サンプル1</div>
    <li>サンプル2</div>
</ul>

<CSS>


ul.listMark li{
    background:url(/img/list.gif) 0 2px no-repeat;
    padding-left:15px;
}
背景ポジション(0 2px)←この部分はline-heightの設定値により数値の調節が必要になります。ポジションの数値はマイナスの値も使えます。
カテゴリ: WEB素材