首页 > 代码库 > button样式的demo

button样式的demo

  

1     <style type="text/css">
2         .stylea{ margin-left:550px;}
3         .stylea INPUT{WIDTH: 81px; border-radius:8px;background:#fff; HEIGHT: 32px; border:0; font-size:12px;color:#0052A2; float:left;cursor:pointer;border: 1px solid #0052A2;}
4         .stylea INPUT:hover{background:#999;float:left;}
5         .styleb {MARGIN-LEFT:30px;float:left;}
6         .styleb INPUT {WIDTH: 81px; border-radius:8px;background:#0052A2; HEIGHT: 32px;border:0;font-size:12px;color:#fff;float:left;cursor:pointer;}
7         .styleb INPUT:hover{WIDTH: 81px; background:#999; HEIGHT: 32px;border:0;font-size:12px;color:#fff;float:left;}
8     </style>

效果如下:

技术分享

 

button样式的demo