1、新建html文档,在html文档的bady标签中添加一个a标签,然后为这个标签添加“href”属性和属性值:
2、将编辑好的代码保存,然后用浏览器打开html文档,这时可以在网页中看到a标签的下划线:
3、添加style标签,然后为a标签设置“text-decoration:none”css样式,刷新浏览器,这时浏览器中的下划线就会被去掉:
a标签是超链接,它会有下划线。下面,我们来看看如何去掉a标签的下划线吧。
代码,可以看到链接下方有下划线,如下图所示:<a href="https://www.sogou.com/">souGo</a>
写一个样式表,如下图所示:<style type="text/css"></style>
然后写超链接样式,如下图所示:<style type="text/css">
a{
text-decoration:none
}
</style>
显示结果结果看到超链接下划线已经去掉了,如下图所示:
总代码:
<html>
<body>
<head>
<style type="text/css">
a{
text-decoration:none;
}
</style>
<a href="https://www.sogou.com/">souGo</a>
</head>
</body>
</html>