1、超链接下划线可以使用“text-decoration:none;”去除,颜色可以用“color”属性表示。
2、新建html文档,在body标签中添加两个超链接并为超链接添加文字,这时默认情况下超链接带下划线且颜色为蓝色。
3、设置white类,添加“text-decoration:none;”和“color:#fff;”,这时超链接变成无下划线和白色。
4、设置black类,添加“text-decoration:none;”和“color:#000;”,这时超链接变成无下划线和黑色。
接下来介绍几种去除列表前面小圆点的方法。1、在CSS中写上 list-style:none;通过这个属性,可以去除列表样式
ul{list-style: none}
效果图:
2、在CSS中加上 list-style-type: none ;和上一种方式一样,只是用了不同的属性。
ul{list-style-type: none}
3、在 li 标签里面直接加入列表样式,前面两个给了样式去除圆点,后面两个没给,还会显示出来。
<ul><li style="list-style-type: none">西施</li><li style="list-style-type: none">王昭君</li><li>貂蝉</li><li>杨玉环</li></ul>
效果图:
4、当然,也可以给标签一个类名,在CSS中给样式,比如下列代码,只给第一个 li 标签样式,它自然就没有前面的圆点了。
HTML部分:
<ul><li class="a1">西施</li><li>王昭君</li><li>貂蝉</li><li>杨玉环</li></ul>
CSS部分:
.a1{list-style-type: none}
效果图:
总结:以上介绍了CSS中如何去除列表样式,四种方法都可以使用,看个人习惯了,希望这个如何去除 li 前面的点的 教程可以帮助到你!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)