CSS CSS参考:list-style-image

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS CSS参考:list-style-image相关的知识,希望对你有一定的参考价值。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>list-style-image</title>
  <style type="text/css">
   UL {
    list-style-image: url('images/book.gif');
   }
  </style>
 </head> 
 <body> 
 
  <ul>
   <li>Lorem ipsum dolor sit amet</li>
   <li>Consectetuer adipiscing elit</li>
   <li>Sed diem nonummy nibh euismod</li>
   <li>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis 
   enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis 
   nisl ut aliquip ex ea commodo consequat.</li>
  </ul>
 
 </body>
</html>

以上是关于CSS CSS参考:list-style-image的主要内容,如果未能解决你的问题,请参考以下文章

css+div中的list-style-image图标的位置怎么确定,在css中写完样式后,图标一半显示在盒子的外部,一部分

求CSS高手解决关于list-style-image图标的位置的问题。

ul的css设置list

通过list-style-image属性指定自己的图片作为列表项样式

关于css中,ul li的背景小图标属性设置

18-css列表-边框详解