リストの行頭文字は画像を使用

【point】画像にすると微調整ができる。

　位置関係はできるだけ相対指定がよい。
　絶対指定だと画面や文字が大きくなったときにずれてしまう。

＜liに以下CSSを設定するやり方：現在主流＞

background-image: url(***画像を指定***);　背景画像を指定

background-repeat: no-repeat;　リピートなし

background-position: left center;　位置を行頭に来るよう左、中央に指定　　

padding-left: **px;　文字を左から**px右にずらして画像と文字を離す

＜かつてのulに背景をつけるやり方＞　→　微調整ができず少し上にずれてしまう

list-style-image: url(***画像を指定***);