zoukankan      html  css  js  c++  java
  • 设置<li>前边圆点样式

    没有任何样式的代码
    <
    ul> <li>我是li</li> <li>我是li</li> <li>我是li</li> <li>我是li</li> </ul>

    <li>的默认样式如下图所示:

     

    如果想要把圆点改成图片就需要用到 "list-style-image:" 属性。

    修改上边的代码:

    <ul>
        <li style="list-style-image: url(../img/content.gif);">我是li</li>
        <li style="list-style-image: url(../img/content.gif);">我是li</li>
        <li >我是li</li>
        <li>我是li</li>
    </ul>

      最终效果:  

      

      

  • 相关阅读:
    Java类加载机制
    DAY18
    DAY17
    DAY16
    DAY15
    DAY14
    DAY13
    DAY12
    DAY11
    DAY10
  • 原文地址:https://www.cnblogs.com/snn0605/p/5954385.html
Copyright © 2011-2022 走看看