html超链接更改颜色和去掉下划线

html超链接更改颜色和去掉下划线,第1张

链接下划线可以使用“text-decoration: none”去除,颜色可以用“color”属性表示。

1、新建html文档,在body标签中添加两个超链接并为超链接添加文字,这时默认情况下超链接带下划线且颜色为蓝色:

2、设置white类,添加“text-decoration: none”和“color:#fff”,这时超链接变成无下划线和白色:

3、设置black类,添加“text-decoration: none”和“color:#000”,这时超链接变成无下划线和黑色:

定义一个空链接使用的标记是“<a href="#">文字内容</a>”,文字内容部分可以根据需要进行改变。

空链接就是没有目标端点的链接。空链接可以设为首页,也可以添加收藏。空链接中的“a”标签是实现超链接的html代码,它是用来定义超链接的。语法格式:<a href="地址">超链接对象</a>

href是a标签中最重要的一个属性,指定了连接的目标,如果没有该属性,不能使用href、lang、media、rel、target 和 type属性。a标签的四个伪类是使用来定义超链接在不同状态下的css样式。

a:link,定义超链接在正常情况下的样式,默认超链接对象是蓝色,有下划线。a:visited,定义超链接被访问过后的样式,默认超链接对象是紫色的,有下划线。

a:hover,定义鼠标悬浮在超链接上时的样式,默认超链接对象是蓝色的,有下划线。a:active,定义鼠标点击链接时的样式,默认超链接对象是红色的,有下划线。

扩展资料:

HTML的链接代码还有

超链接:<a href="网址" target="_blank">内容du</a>target="_blank" 为新窗口打开。

JS跳转链接:zhuan<a href="#" onclick="javascript:location.href='网址'">内容</a>

meta标签跳转链接:<meta http-equiv="refresh" content="3URL=网址">(代表三秒跳转)

参考资料:百度百科-HTML


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存