CSS样式 怎样才可以做到鼠标移动到字体下显示有下划线
14个回答
展开全部
1、打开html开发工具并创建一个html文件。
2、在html页面上找到<body>标记，键入<body>标记，并用<a>标记覆盖内容。
3、修改<a>标签的内容，将颜色设置为蓝色。
4、将鼠标设置为在<a>标签上滑动，字体下方将变为红色下划线：a：hover {color：red}。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.xxx:hover{ text-decoration:underline;}要用到hover伪类，其中xxx为class名，例如
<div class="web">鼠标经过这里文字底部显示下划线</div>
<style>.web:hover{text-decoration:underline;}</style>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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;
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<a href="#">鼠标经过出现下划线</a>
<style type="text/css">
a{text-decoration:none;}
a:hover{text-decoration:underline;}
</style>
text-decoration就是下划线，none是没有，underline是有下划线，hover就是鼠标经过改变样式
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
a{text-decoration:none} //设置默认无下划线
a:hover { text-decoration:underline；} 设置鼠标放上去的下划线效果
a:hover { text-decoration:underline；} 设置鼠标放上去的下划线效果
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（12）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
