WEB前端

ul li 小圆点加颜色

位置:首页 > WEB前端 > css教程,2015-07-25
html ul 前面的点或者方块 颜色怎样控制先重置掉ul li默认的点,然后采用这样的写法<ul> <li><span c

html ul 前面的点或者方块 颜色怎样控制

先重置掉ul li默认的点,然后采用这样的写法

<ul>
    <li><span class="dot"></span>内容内容内容</li>

</ul>
其中,.dot{display: inline-block;width: 3px;height: 3px;margin-right: 5px;background: #666;vertical-align: middle;overflow: hidden;}
为了兼容不同浏览器,可能需要设置.dot的hack。
或是用图片来做

用图片来做
li{list-style:none}把默认的给去掉,然后把着了色的圆点切成一张背景图片使用;
li{background:url(图点图片路径) no-repeat;}      

TAGS:ul li 小圆点

猜你喜欢

NewHot