您的位置:首页 > Web前端 > CSS

hover事件1,鼠标移入改变css样式

2016-07-27 15:12 344 查看
html代码:

<div class="change">

<p>内容</p>

</div>

css代码:

.change p{

     color:#333;  //颜色为黑色

}

.change p:hover{

    color:red;  //鼠标移入后颜色改变为红色

}

这里只是简单的介绍一下hover的基本用法,主要是在要加入移入事件的标签中加入hover事件,改变其css样式如颜色,字体大小,位置,是否可见等等。还有通过移入一个标签改变另一个标签css样式的方法在下一篇hover事件2中有介绍。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css hover