タグ別アーカイブ: リストに画像

CSS　リストに画像を付ける

リストに画像を付けるときのHTMLとCSSのソースです。

HTMLソース

＜div class="list-01"＞
＜ul＞
＜li＞リスト1＜/li＞
＜li＞リスト2＜/li＞
＜li＞リスト3＜/li＞
＜/ul＞
＜/div＞

＜div class="list-01"＞

＜ul＞

＜li＞リスト1＜/li＞

＜li＞リスト2＜/li＞

＜li＞リスト3＜/li＞

＜/ul＞

＜/div＞

CSSソース

.list-01 li{
width:160px;
list-style-image: url(http://画像のＵＲＬ);　　
padding:2px 4px;
border-bottom:1px dotted #000000;

}

.list-01 li{

width:160px;

list-style-image: url(http://画像のＵＲＬ);　　

padding:2px 4px;

border-bottom:1px dotted #000000;

}

カテゴリー: CSSタグ | タグ: css, html, ソース, ボタン, リストに画像 | コメントは受け付けていません。