div+css中，怎样设置“一开始文字没有下划线,鼠标移上去后,文字有下划线”

发布网友发布时间：2022-04-30 05:42

共4个回答

热心网友时间：2023-10-18 04:39

css
<style type="text/css">
.layout{
text-decoration: none;
}
.layout:hover{
text-decoration: underline;
}
</style>

html
<div class="layout">我有下划线我没有下划线我有下划线我没有下划线</div>

热心网友时间：2023-10-18 04:40

一般这种文字都是带超链接的，如
<div class="test">
<p>
<a href="#">文字内容</a>
</p>
</div>
======
css:
.test a{ text-decoration: none;}
.test a:hover{ text-decoration: underline;}

热心网友时间：2023-10-18 04:40

我举个例子
<a href="#" class="demo">首页</a>
这个链接,css样式可以这样写：
.demo a{text-decoration:none;}
.demo a:hover{text-decoration:underline;}

热心网友时间：2023-10-18 04:41

style="display:none"看那块要隐藏的加上这属性

热心网友时间：2023-10-18 04:39

热心网友时间：2023-10-18 04:40

一般这种文字都是带超链接的，如
<div class="test">
<p>
<a href="#">文字内容</a>
</p>
</div>
======
css:
.test a{ text-decoration: none;}
.test a:hover{ text-decoration: underline;}

热心网友时间：2023-10-18 04:40

我举个例子
<a href="#" class="demo">首页</a>
这个链接,css样式可以这样写：
.demo a{text-decoration:none;}
.demo a:hover{text-decoration:underline;}

热心网友时间：2023-10-18 04:41

style="display:none"看那块要隐藏的加上这属性