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

[記事公開日]2013/09/02
[最終更新日]2013/09/20

リファレンス 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>

サンプル



Copyright © 2000-2018 Makiko HOSOKAWA. All rights reserved.