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中有介绍。
<div class="change">
<p>内容</p>
</div>
css代码:
.change p{
color:#333; //颜色为黑色
}
.change p:hover{
color:red; //鼠标移入后颜色改变为红色
}
这里只是简单的介绍一下hover的基本用法,主要是在要加入移入事件的标签中加入hover事件,改变其css样式如颜色,字体大小,位置,是否可见等等。还有通过移入一个标签改变另一个标签css样式的方法在下一篇hover事件2中有介绍。
相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 盒子模型
- CSS选择器
- CSS样式优先权
- [css] line-height 百分比单位和数值单位的区别
- css如何搞正方形
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- rem : web app适配的秘密武器
- jquery高级应用之Deferred对象
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- 浏览器中唤起native app || 跳转到应用商城下载
- Angular directive 实例详解
- 关于浮动与清除浮动,你应该知道的
- 数组reduce方法的高级技巧
- 设计更快的网页(三):字体和 CSS 调整