html按钮编程,html按钮样式 - 编程的小蚂蚁的个人空间 - OSCHINA - 中文开源技术交流社区...

样式一：

#login_click{ margin-top:32px; height:40px;}

#login_click a

{

text-decoration:none;

background:#2f435e;

color:#f2f2f2;

padding: 10px 30px 10px 30px;

font-size:16px;

font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;

font-weight:bold;

border-radius:3px;

-webkit-transition:all linear 0.30s;

-moz-transition:all linear 0.30s;

transition:all linear 0.30s;

}

#login_click a:hover { background:#385f9e; }

账户:

密码:

登 录

样式二：

Image Rollover with CSS

a.button { background:url(rss-feed-img.png) repeat 0px 0px; width: 123px; height: 44px; display: block; }

a.button span { display: none; }

a.button:hover { background: url(rss-feed-img.png) repeat 0px -44px; }

RSS Feeds