マーカーに画像を使う 【list-style-image】

※ブラウザで表示した時の見え方

※ソースサンプル

【CSS】
.list {
list-style-image: url("./img/diams.gif")
}
【HTML】
<ul class="list">
<li>HTMLを勉強する</li>
<li>CSSを利用する</li>
</ul>

[ 黒※説明中のタグ 紫※省略可能なタグ 赤※変更可能 緑※文章など ]

※解説

オプション
noneリストマークに画像を表示しないlist-style-image: none
url("画像名")リストマークに画像を指定するlist-style-image: url("./img/diams.gif")
機能