一个不错的CSS样式按钮
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>一个比较不错的CSS表单按钮样式代码</title>
<style type="text/css">
<!--
.rb1 { border-right: #6a6a6a 1px solid; padding-right: 10px; border-top: #fff 1px solid; padding-left: 10px; font-size: 14px; background: #d32c47; padding-bottom: 3px; border-left: #fff 1px solid; cursor: pointer; color: #fff; padding-top: 3px; border-bottom: #6a6a6a 1px solid; height: 25px}
.rb2{ border-right: #6a6a6a 1px solid; padding-right: 10px; border-top: #fff 1px solid; padding-left: 10px; font-size: 14px; background: #C71E3A; padding-bottom: 3px; border-left: #fff 1px solid; cursor: pointer; color: #fff; padding-top: 3px; border-bottom: #6a6a6a 1px solid; height: 25px}
-->
</style>
</head>
<body>
<input name="Submit" type="submit" class="rb1" value="登 陆" onmouseover="this.className='rb2';" onmouseout="this.className='rb1';" />
</body>
</html>
相关文档：
如果IE6和IE7显示都正常；火狐也没有问题；检查代码也没有误失；就试试加上这段代码
IE8目前还不稳定，腾讯首页利用IE7的内核来渲染IE8，代码如下:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> ......
一 css的优先级
今天有人跟我说css
hack中用!important来区分ie6，因为ie6不支持!important，是的在很早以前我也是用过这种方法写hack，但是后来就基本不用了。本来我对他谁的ie6不支持!important也没什么异议，可是正好在前几天正好用个这个!important属性解决了一个样式优先级的问题，而且是支持ie6的，这是为什么呢？ ......
网上看到的一些CSS工具资源
在线CSS工具：
W3C CSS 校验服务 :提供万维网协会(W3C)样式表(CSS)校验服务。
CSS 在线编辑器:OnLine CSS Designer - CSS Style Editor。 CSS 样式在线编辑器，可以即时查看CSS 样式效果演示。
QrONE CSS Designer ：在线CSS编辑器，所见即所得。
SKUER - The CSS Search Engine :SKUER ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<!-- www.div-css.com 网站标准化 2007-4-16 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
......
DIV+CSS设计的网站是按照W3C标准的，如果一个站点完全是CSS+DIV制作的，那么你网站的SEO（搜索引擎优化）工作已经完成了30%！为什么会这么说？SEO其他方面在哪好，请接着我的思路往下看：
石家庄网站优化
DIV+CSS 网站相当30%的SEO工作
1、div+css网站遵循“网页结构、表现、行为分离，互不干涉抢功”理念，且 ......
