极客笔记如何在HTML中去除链接的下划线
我们可以使用内联样式属性和CSS属性text-decoration来去除HTML中指定链接的下划线。
语法
以下是在HTML中去除链接下划线的语法。
<a style="text-decoration: none" href=link>HTML tutorial</a>
示例
以下是一个在HTML中删除链接下划线的示例程序。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h3>HTML-HyperText Markup Language </h3>
<a style="text-decoration: none" href="https://www.youtube.com/watch?v=qz0aGYrrlhU ">HTML tutorial</a>
</body>
</html>
示例
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h2>instagram login</h2>
<a style="text-decoration: none" href="https://www.instagram.com/accounts/login/">instagram login</a>
</body>
</html>
例子
以下是另一个从HTML中删除链接下划线的示例程序。
<!DOCTYPE html>
<html>
<head>
<title>HTML Text Decoration</title>
</head>
<body>
<h2>About</h2>
<p>
Our <a href="/about/about_team.htm" style="text-decoration: none;">Team</a>
comprises of programmers, writers, and analysts.
</p>
</body>
</html>