<ul> <li>LINE OF TEXT</li> <li>LINE OF TEXT</li> <li>LINE OF TEXT</li> </ul>
而对于CSS ……
#div .class { color: #4c361c; font-size: 13px; list-style-image: url(../images/image.png); } #div .class li{ }
有没有人知道怎么做这个?
使用背景图像可以获得所需的效果.
HTML
<ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> </ul>
CSS
ul { list-style: none; } ul > li { background: url('../imgpath/bullet-image.png') no-repeat left center; /* Adjust the padding for your custom bullet image */ padding: 10px 0 10px 34px; }