css 去掉li的点

  • A+
所属分类:前端工程

原生的li原始不是很美观,尤其是li自带的小黑点,我们使用css样式来控制li的样式

li 和ul去掉点
list-style:none;

list-style-type:none
修改点的样式

可用样式

属性 介绍
none 不使用项目符号
disc 实心圆,默认值
circle 空心圆
square 实心方块
decimal 阿拉伯数字
lower-roman 小写罗马数字
upper-roman 大写罗马数字
lower-alpha 小写英文字母
upper-alpha 大写英文字母
  1. 如果你想将列表符换成图像
ul li{
    list-style-type:none;
    list-style-image: url(images/icon.gif);
}
  1. 如果想给列表加MOUSEOVER背景变色效果,可以用如下代码
ul{ 
    list-style-type: none; 
    margin:0px; 
}

ul li a{ 
    display:block; 
    width: 100%;
    background:#ccc;
}

ul li a:hover{ 
    background:#999;
}

还有其他样式可以自己尝试一下

  • 公众号
  • 扫一扫
  • weinxin
  • 打赏
  • 扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: