html去掉下划线代码

在网页设计中，链接文字通常会默认添加下划线。然而，有时候我们希望去掉这些下划线，以美化页面的视觉效果。下面介绍几种HTML去除下划线的方法。

a {
  text-decoration: none; 
}

上面的代码可以通过CSS样式表来实现去掉链接下划线。将text-decoration设置为none即可去掉链接下划线。需要注意的是，这个样式会影响所有链接的下划线，因此如果只想更改特定的链接，需要使用class或id来选择。

a:link {
  text-decoration: none;
}

此外，我们还可以使用伪类选择器来实现去掉下划线。:link伪类选择器可以选择未被访问的链接（即蓝色字体）。同样地，通过设置text-decoration为none来去掉下划线。

a:hover {
  text-decoration: underline;
  color: red; 
}

另外，我们可以使用:hover伪类选择器来设置鼠标在链接上时的样式。可以将text-decoration设置为underline，将链接添加下划线；也可以设置color为red，改变链接的颜色。可以根据需要自由设置。

总的来说，在网页设计中，HTML去除链接下划线有多种方法，可以选择使用CSS样式，伪类选择器，或者两者结合使用。这样可以极大提升网站的视觉效果，让用户体验更加舒适。