html超链接怎么去掉下划线

html超链接怎么去掉下划线,第1张

html中如何去掉超链接的下划线:

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 前面的点的 教程可以帮助到你!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8325046.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存