html去掉下横线代码

在学习HTML的过程中，我们常常会看到许多文字或链接下方有一个横线，这在美观上或许会对网页产生影响。那么如何去掉这些下横线呢？下面我们来介绍一下具体的方法。

a {
    text-decoration: none;
}

上述代码是去掉a标签下横线的代码。我们可以使用CSS的text-decoration属性来控制文字的下横线显示与否。将属性值设为none即可去掉横线。需要注意的是，这个属性并不仅限于a标签，我们也可以用于其他HTML元素。

除了text-decoration属性，还可以使用outline:none来去除链接的无用轮廓线。在按钮或者输入框等元素上，outline:none可以去除元素获得焦点时的虚线框。

button:focus,input:focus,textarea:focus {
    outline:none;
}

通过设置text-decoration属性以及outline属性，可以更加精细地去掉不需要的下横线和虚线框，让网页呈现出更加优美的视觉效果。