按钮CSS样式

 

CreateTime--2017年5月5日11:23:18
Author:Marydon

按钮CSS样式

实现效果:

按钮CSS样式

<input type="button" onclick="" class="Button" style="margin-left:40px;" value="" onmouseover="javascript:this.className='ButtonOver'" 
  onmouseout="javascript:this.className='Button'"/>
/* 查询按钮style start */
.Button {
width: 80px;
margin: 3px 1px 0 5px;
padding: 0 10px;
background-color: #16a0d3;
border: none;
display: inline-block;
font-family: "Microsoft Yahei";
font-size: 12px;
cursor: pointer;
height: 27px;
line-height: 27px;
color: #FFF;
border-radius: 5px;
} .ButtonOver {
width: 80px;
margin: 3px 1px 0 5px;
padding: 0 10px;
background-color: #117ea6;
border: none;
display: inline-block;
font-family: "Microsoft Yahei";
font-size: 12px;
cursor: pointer;
height: 27px;
line-height: 27px;
color: #FFF;
border-radius: 5px;
}
/* end 查询按钮style */
 
上一篇:C# 超级简单的Telnet (TcpClient)客户端


下一篇:iOS 添加导航按钮