button样式的demo

　　

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

 

效果如下：

 

 

posted @ 2017-06-02 14:00  Sunor  阅读(295)  评论(0)  编辑  收藏  举报