cssa标签下划线样式,a标签的下划线

超链接如何加下划线 css

给需要添加下划线的超链接添加单独样式或者一个class，包含关键代码：text-decoration:underline。

实例演示如下：

1、设计一个HTMl页面，放入一些a标签超链接：

2、给a便签全部取消下划线:

3、此时的页面展示如下：

4、在样式中添加一个class，去掉下划线：

5、演示：给一些a便签添加第四步的class：

6、刷新页面，此时效果如下：

相关问答

Q1: css怎么去掉下划线?

1、新建html文档，在html文档的bady标签中添加一个a标签，然后为这个标签添加“href”属性和属性值：

2、将编辑好的代码保存，然后用浏览器打开html文档，这时可以在网页中看到a标签的下划线：

3、添加style标签，然后为a标签设置“text-decoration:none;”css样式，刷新浏览器，这时浏览器中的下划线就会被去掉：

Q2: css样式中怎样控制下划线的粗细?

1、如果想修改一下下划线的颜色，大小等样式就可以通过border属性来设计，使用起来更灵活。

2、border-bottom属性，用来设置底部的边框样式。

3、border-bottom: #FF0000 2px solid ;设置边框大小为2PX的红色边框。

4、看一样效果，发现下划线是整个屏幕的宽度，所以接下来要修改一下宽度。

5、宽度设置成180px，宽度根据 实际情况调整就可以了。

6、最后显示下划线效果。