CSS样式怎样才可以做到鼠标移动到字体下显示有下划线

发布网友发布时间：2022-04-19 22:25

我来回答

共14个回答

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

1、打开html开发工具并创建一个html文件。

2、在html页面上找到<body>标记，键入<body>标记，并用<a>标记覆盖内容。

3、修改<a>标签的内容，将颜色设置为蓝色。

4、将鼠标设置为在<a>标签上滑动，字体下方将变为红色下划线：a：hover {color：red}。

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

p:hover{
text-decoration:underline;
}
p为字体标签，如果你是span就改为span

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

.xxx:hover{ text-decoration:underline;}

要用到hover伪类，其中xxx为class名，例如

<div class="web">鼠标经过这里文字底部显示下划线</div>
<style>.web:hover{text-decoration:underline;}</style>

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

css控制字体下划线使用text-decoration : none || underline || blink || overline || line-through

text-decoration:none 无装饰，通常对html下划线标签去掉下划线样式
text-decoration:underline 下划线样式
text-decoration:line-through 删除线样式-贯穿线样式
text-decoration:overline 上划线样式

鼠标滑动到字体css效果使用hover

.font:hover{
text-decoration:underline;
}

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

<a href="#">鼠标经过出现下划线</a>

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

text-decoration就是下划线，none是没有，underline是有下划线，hover就是鼠标经过改变样式

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

a{text-decoration:none} //设置默认无下划线
a:hover { text-decoration:underline；} 设置鼠标放上去的下划线效果

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

举例说明

html:

css:

em:hover{text-decoration:underline;}

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

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

用伪类，例如a.link_font:link { text-decoration: underline;}a.link_font:visited {text-decoration: underline;}a.link_font:hover {text-decoration: underline;}

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

加CSS样式

.div:visited{ text-decoration:underline ; }

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

例如：这是一个html标签<a>标题</a>

设置css如下：
a:hover{
text-decoration:underline
}

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

请添加下列CSS：(假设txt为文字区的ID)

#txt:hover {
text-decoration: underline;
}

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

你的标签:hover{
text-decoration：underline；
}

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

a {text-decaration;underline;}

首页

文章

CSS样式怎样才可以做到鼠标移动到字体下显示有下划线

首页

文章

CSS样式 怎样才可以做到鼠标移动到字体下显示有下划线

CSS样式怎样才可以做到鼠标移动到字体下显示有下划线