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

来源:互联网 发布:对网络直播的看法作文 编辑:程序博客网 时间:2024/06/05 20:24

html代码:

<div class="change">

<p>内容</p>

</div>

css代码:

.change p{

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

}

.change p:hover{

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

}

这里只是简单的介绍一下hover的基本用法,主要是在要加入移入事件的标签中加入hover事件,改变其css样式如颜色,字体大小,位置,是否可见等等。还有通过移入一个标签改变另一个标签css样式的方法在下一篇hover事件2中有介绍。

0 0
原创粉丝点击