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

2012-08-04    671   1674


画像をダウンロードして、フォトショップで切り抜き加工をして使ってください。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素材

comment 登録なしでご自由にご入力いただけます(^^)ぜひぜひ記事のご感想をお聞かせ下さい。

お名前とコメントは入力必須です。

コメントの文字数が短すぎます。

この内容でコメントを送る
コメントをする

目が疲れている方向けにラジオ系Youtubeを始めました

オススメのWEB素材に関する記事

この記事がお役に立てましたら是非シェアのご協力お願いします。