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

2024-12-18 19:56:43

推荐回答（5个）

回答1：

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

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

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

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

鼠标经过这里文字底部显示下划线

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{text-decoration:none;}
a:hover{text-decoration:underline;}

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

回答5：

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

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