html css hover 如何实现鼠标经过锚文本（不可点击字体）出现下划线？

Posted 2023-04-16

跟定义链接连样式一样，通过a:hover来实现就可以，这个表示当鼠标移动到这个元素上时显示的样式：

a color:#FF0;
a:hover color:#F00;

锚点代码：

<a name="m1">锚点1</a>

 

上面的方式是不区分锚点的超链接的，如果要区分，可能为锚点增加一个特定样式，对应的CSS和锚点写法如下：

CSS：

.anchor a color:#FF0;
.anchor a:hover color:#F00;

html锚点代码：

<a class="anchor" name="m1">锚点1</a>

增加一个class样式，这样只会对包含anchor样式的a标签生效，可以避免与正确的超链接冲突

参考技术A 经过文字出现下划线用代码 a:hovertext-decoration:underline(a是你输入文本的标签名) 如果是要一个标签出现下划线就要用border-bottom:属性 参考技术B

你好你可以给他加一个下边框：

css：

.box:hover 
    display: inline-block; 
    border-bottom: 1px solid red;
    cursor: pointer;
    

html：

<div class="box">不可点击</div>

参考技术C 在a标签下 给个属性 text-decoration:underline 参考技术D a:hovertext-decration:underline;

Map的area属性标签鼠标Hover可以给area加背景吗

如题:Map的area属性标签鼠标Hover可以给area加背景吗?如果可以,具体点要怎么加呢?请详细说明!

不行！
现在 html + CSS 还没有你说的那么先进。
整个影射的范围是一张图片，要实现你的要求，必须创建一个区域或者调用一张图片覆盖影射选定的范围的图片区域。

等过几年吧，说不定有希望。 参考技术A 不支持

CSS1中只有a支持
CSS2，CSS3，支持其他元素，但是也不是不支持area