建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > div+css > 修改默认li前面的小黑点

修改默认li前面的小黑点

时间:2015-06-05 10:52:20  来源:免费模板网 作者:风雪 阅读次数 tagscss基础

默认的ui li的前面是有个小黑点的,要修改默认的这个点点怎么设置呢,或者不显示这个
定义LI前面的小点样式 

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

view plaincopy to clipboardprint?
语法:   
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin   


这些语法就是定义LI前面小点的样式所用到的,当然,前面使用小图标,效果更是千变万化,具体的实施,就是个人的爱好了

view plaincopy to clipboardprint?
    
语法:   
list-style-image : none | url ( url )    
取值:   
none  :

我们也可以定义li前面的点的样式,如list-style-image:url(http://www.111cn.net/banner/banner.gif);这样你定义的每个样式前面都会有一个图标,

例:

<div id=ap>

<ul><li></li></ul>

</div>

 

我们可以在css里面这样写#ap ul li{list-style-image:url(http://www.111cn.net/banner/banner.gif);

 

本文地址:https://www.freemoban.com/bjrm/2015/0605/2108.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!