在html中,<a标签>创建的超链接文本往往带有下划线,如下图所示:
这是因为<a>标签创建的超链接本文,在默认情况下,相当于设置了以下CSS样式效果:
CSS
在CSS样式中,设置text-decoration属性值为underline,其作用就是添加下划线效果的,所以,我们也可以通过该方式,为其他文本添加下划线效果。 那么,我们如何去掉或取消html超链接文本下划线呢? 一、去掉html超链接下划线的方法去掉html超链接下划线的方法,就是设置css样式中text-decoration属性值为none即可,方法如下: 方法1、全局设置法在CSS样式文件中,给a标签添加text-decoration: none,这样做的好处是,可以对引入该CSS样式文件的所有html页面起作用,设置一次即可全局有效,代码如下:
CSS
方法2、头部设置法在<head>和</head>之间,通过<style>标签设置text-decoration: none,代码如下:
Markup
方法3、单个标签设置法直接通过<a>标签设置text-decoration: none,演示代码如下:
Markup
二、设置超链接四种不同状态的下划线<a>标签超链接四种状态下设置去掉下划线,代码如下:
Markup
其实,可以直接用下面的代码一次性取代上面四种状态:
CSS
|