button样式的demo

最新推荐文章于 2020-11-28 15:45:49 发布

转载最新推荐文章于 2020-11-28 15:45:49 发布 · 119 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Sunnor/p/6933000.html

本文详细介绍了如何使用CSS定义不同样式的按钮，并展示了:hover伪类的应用，通过具体实例帮助读者理解CSS样式的布局和交互效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>