一个不错的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>
相关文档：
网页设计DIV+CSS元素解析，<head>部分前：
（一） DOCTYPE 和DTD
用DW新建网页时，总会生成一句
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这句是DOCTYPE声明，DOCTY ......
一 css的优先级
今天有人跟我说css
hack中用!important来区分ie6，因为ie6不支持!important，是的在很早以前我也是用过这种方法写hack，但是后来就基本不用了。本来我对他谁的ie6不支持!important也没什么异议，可是正好在前几天正好用个这个!important属性解决了一个样式优先级的问题，而且是支持ie6的，这是为什么呢？ ......
<!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" />
......
1、网页居中显示：
需要设置两个地方，一个是body，一个是外边框div。
CSS：
body{
margin:0;
padding:0;
text-align:center;
}
#main{ /*最外层DIV*/
width:760px;
margin:0 auto;
padding:0
}
2、文字垂直� ......
