Question

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

Answer 1

跟定义链接连样式一样，通过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标签生效，可以避免与正确的超链接冲突

Answer 2

经过文字出现下划线用代码 a:hover{text-decoration:underline}(a是你输入文本的标签名) 如果是要一个标签出现下划线就要用border-bottom:属性

Answer 3

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

css：

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

html：

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

Answer 4

在a标签下 给个属性 text-decoration:underline

Answer 5

a:hover{text-decration:underline;}