リストマーカーに画像を指定

ul li{
list-style:none;
background:url('画像のパス') left center no-repeat;
background-size:20px auto;
padding-left:25px;
}

リストの背景画像として左端に置く
それだけだと重なるのでpadding-leftで画像ぶんの余白を作る
画像はSVGで作るとやりやすい
小さく作ろうとしなくてもいいし、大きさを変えたことによるぼやけ等も気にしなくていいヽ(´▽`)ノ

コメント