CSS实现鼠标滑过按钮更改按钮样式
2015-12-16 14:12
525 查看
CSS实现鼠标滑过按钮更改按钮样式,方便简单:
.btn
{
cursor:pointer;
border:1px solid #2b87c8;
border-radius:4px; /*实现圆角*/
background:url(form/btn_bg.gif) repeat-x;
min-width:80px;
height:28px;
text-align:center;
padding-left:10px;
padding-right:10px;
color:#fff;
vertical-align:middle;
}
.btn:hover
{
background:url(form/btn_bg_hover.gif) repeat-x;
}
.btn
{
cursor:pointer;
border:1px solid #2b87c8;
border-radius:4px; /*实现圆角*/
background:url(form/btn_bg.gif) repeat-x;
min-width:80px;
height:28px;
text-align:center;
padding-left:10px;
padding-right:10px;
color:#fff;
vertical-align:middle;
}
.btn:hover
{
background:url(form/btn_bg_hover.gif) repeat-x;
}
相关文章推荐
- CSS实现按钮或文本框圆角效果
- css3 使用SVG做0.5px 的边框细线
- 理解CSS3 transform中的Matrix(矩阵)
- 根据模板提示,加入元素,修改CSS
- transform animation transition css3动画
- CSS-如何引入-格式
- css常见问题
- input输入框清除样式
- HTML/CSS中有序<ol&g bfb7 t;、无序<ul>、定义列表用法详解
- 【转】html使用css让文字超出部分用省略号三个点显示的方法案例
- css控制文字显示长度
- css3d动画学习心得2:一个小游戏实践
- IE8中伪元素动态作用样式不重绘bug记录
- css设置div圆角
- css3属性集合
- css-实现元素垂直居中对齐
- css-实现元素垂直居中对齐
- CSS学习笔记
- CSS3 中FLEX快速实现BorderLayout布局
- CSS3中更灵活的布局方式