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

html-css05

html css hover 如何实现鼠标经过锚文本(不可点击字体)出现下划线?,第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标签生效,可以避免与正确的超链接冲突

那就,新建一个页面,把你的想要的div标签搞上去

然后用记事本打开旧页面和新页面,把新页面的那个div拷到旧页面上面,把灰色的那个换掉,保存

再开一次dw

CSS中input不能输入了:

有两种方法

第一:disabled="disabled"这样定义之后被禁用的 input 元素既不可用,也不可点击。

第二:readonly="readonly" 只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本;

希望可以帮到你