html - の特別な背景画像を追加する

Question

それぞれの横に特別なjpg画像を追加しようとしています<li>

だけどlist-style-image:url('sqpurple.jpg');作業が下手、リフト側の弾丸の位置をどうするか？

Answer 1

最良の方法は、リスト スタイルの代わりに background-image を使用することです

#ul_id { 
   list-style: none; padding 0px; margin: 0px;}

 #ul_id li {
   background-image: url("/Content/Icons/bullet.png"); // url path location
   background-position: 1px 2px; // the position of the background
   background-repeat: no-repeat; // make the background not to repeat
            }