超链接如何加下划线 css

发布网友发布时间：2022-04-22 18:31

我来回答

共10个回答

热心网友时间：2022-04-06 13:27

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

实例演示如下：

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

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

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

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

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

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

热心网友时间：2022-04-06 14:45

超链接加下划线的方法如下：

1、首先在新建的文档里面输入文字内容，示例代码如下：<a>文字内容，超链接的名字</a>。

2、进行预览，可以看到目前只有一个文字，没有任何的形式。

3、先进行设置超链接，代码如下：href="链接的网址"。

4、然后对网址文字进行下划线的设置，代码如下：class="noline"。

5、现在进行预览，就可以看到超链接有下划线了，整体代码如下：<a class="noline" href="http://ceshi.com">文字内容，超链接的名字</a>

热心网友时间：2022-04-06 16:20

CSS超链接加下划线通过设置text-decoration属性来实现。
CSS也可以实现设置一部分超链接有下划线，一部分没有下划线。
<style>
.box1 a{color:#000;text-decoration:none;}
.box2 a{color:#000;text-decoration:underline;}
<style>
<div class="box1"><a href="链接一">这里没有下划线的链接</a></div>
<div class="box2"><a href="链接一">这里有下划线的链接</a></div>

text-decoration 属性规定添加到文本的修饰。
语法：
text-decoration：<' text-decoration-line '> || <' text-decoration-style '> || <' text-decoration-color '>
默认值：看每个属性
适用于：所有元素
继承性：无
动画性：看每个属性
计算值：看每个属性
相关属性：<' text-decoration-skip '> || <' text-underline-position '>
取值：
<' text-decoration-line '>：
指定文本装饰的种类。相当于CSS2.1的 <' text-decoration '> 属性，可取值：none | underline | overline | line-through | blink
<' text-decoration-style '>：
指定文本装饰的样式。
<' text-decoration-color '>：
指定文本装饰的颜色。

热心网友时间：2022-04-06 18:11

你再另外起个名字，写上超链接的代码，然后在你网页中要用到的地方调用就行了。其它的都不用修改。
样式
.test a {text-decoration:underline;}
调用
<div class="test"><a href="#">网页中要有下划线的地方</a></div>

热心网友时间：2022-04-06 20:19

css部分：

.noline {
text-decoration: underline;
}

或者：

.noline {
a:hover:text-decoration: underline;
}

html部分：

a标签的几种状态和顺序：
a:link
    描述页面上的超级链接的文本的颜色、状态等

a:active
  超级链接激活时，也就是当鼠标左键按下时，超级链接的文本的颜色、状态等

a:visited  已经看过的超级链接的文本的颜色、状态等

a:hover
   当鼠标移动到超级链接上时，超级链接的文本的颜色、状态等

热心网友时间：2022-04-06 22:44

证明你还是懂一点CSS，可以没有弄懂优先级，在你需要的连接添加行内样式，如：
<a href="ddrb/090630.asp" target="_blank" style="text-decoration:underline;">30</a>

热心网友时间：2022-04-07 01:25

在css文件中设置a标签的text-decoration属性；

修改方法：在css文件中修改如下：

a:hover{

text-decoration:underline;

}

热心网友时间：2022-04-07 04:23

需要重新加下划线的，调用写的class="aline"，可以重复被调用

热心网友时间：2022-04-07 07:38

css部分:

.wu {
text-decoration: underline;
}

html部分：

<a class="wu" href="http://ceshi.com">链接</a>

热心网友时间：2022-04-07 11:09

a{text-decoration:none;}
a:hover{text-decoration:underline;}

全部栏目

超链接如何加下划线 css