如何在 HTML 中从链接中移除下划线？

我们在 HTML 中使用带有 CSS 属性文本装饰 的行内样式属性从指定链接中删除下划线。

语法

以下是 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>

更新于: 3-9-2023

51K+ 浏览

开启您的 职业

完成课程后获得认证

开始
广告