一个不错的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对各个浏览器兼容是个非常让人头疼的事情了, 网络上的教程遍地都是.今天在discuz.net上发现了一篇不错的东西，就转载过来和大家共享.可以当作CSS兼容IE6,IE7,FireFox典范了，值得去记录下。发现自己很久没有转载东西。
注：IE都能识别*;标准浏览器(如Firefox,Opera,Netscape)不能识别*；IE6能识别*，但不能识别 !im ......
1 导入外部js文件：
1.<script type="text/javascript" src="myjs/xx.js"></script>
2.<script language="javascript" src="myjs/xx.js"></script>
2 导入外部css文件：
<link rel="stylesheet" ty ......
<!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、文字垂直� ......
