リファレンス CSS:リストに画像

リファレンス CSS:リストに画像

リスト記号を任意の画像にする

CSS側 

list-style-image: url(画像ファイルへのパス指定) 

.cite li{ margin-left: 20px; 
list-style-image: url(http://www.causu.com/blog/img/link.gif);
}
(X)HTML側

<ul>

<ul class="cite">
 <li> <a href="http://www.causu.com">カウスの水先案内</a></li>
</ul>

サンプル

タイトルとURLをコピーしました