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

---

跟定义链接连样式一样，通过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:hover{text-decoration:underline}(a是你输入文本的标签名肢衫) 如宏液果是要一个标签出现下划线就要蔽饥物用border-bottom:属性

---

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

css：

.box:hover{ 
    display: inline-block; 
    border-bottom: 1px solid red;
    cursor: pointer;
 胡唤   裤乱凯}

html：

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

---

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

---

a:hover{text-decration:underline;}

---