html如何取消表格的横线,怎么去掉下划线样式？

怎么去掉超链接下划线？下面本篇文章给大家介绍一下在html网页和word文档中去掉下划线样式的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

html代码中去掉超链接的下划线

前端网页的开发中总是不可避免会使用到超链接，但是使用超链接时下面都会有一条下划线，这在网页中有时会显得很突兀，不合适也不美观，所以我们就需要将超链接下的这条下划线给去掉，那么如何去掉？

在html代码中去掉超链接的下划线需要的是css中的text-decoration这个属性。

对于text-decoration属性，我们设置text-decoration属性的值为none就可以去掉超链接的下划线。

下面我们就直接来看html中a超链接去掉下划线的代码。

a{text-decoration:none;}

HTML中文网！

html中a超链接去掉下划线的效果如下：

上面的代码所实现的是将html中a超链接下划线直接去掉，可是我们有时候需要让超链接去掉下划线，但鼠标停留在上面时有下划线，这该如何实现呢？下面我们就来直接看一下代码。

a:link,a:visited{

text-decoration:none; /*超链接无下划线*/

}

a:hover{

text-decoration:underline; /*鼠标放上去有下划线*/

}

HTML中文网！

说明：上述代码中让超链接去掉下划线，但鼠标停留在上面时有下划线用到了:hover，在样式表里属于伪类，表示鼠标悬停时候的状态。

word文档中去掉下划线样式

方法一：

打开你需要编辑的word文档，用鼠标选中你所要取消下划线的文字。

然后点击功能区的“U”模样的功能键，然后继续点击“U”边上的小倒三角形，选择下拉选项为“无”。这样就能取消文字下的下划线了。

方法二：

还是选中需要消除下划线的文字，直接点击“U”型按钮，即可取消。再次点击，则又会重新增加。

方法三：

还是选中需要取消下划线的文字，右键单击，弹出菜单，选中选项，单击。

在这个对话框中，找到，然后选择为，就能成功的取消word文档中的下划线了。