一个不错的CSS
body{font-family:Tahoma;font-size:12px;background:#fff; line-height:14px}
h1,h2,h3,h4,h5,h6,form,body{padding:0;margin:0}
td,th,div{word-break:break-all;word-wrap:break-word}
table{empty-cells:show;}
img{border:0}
h3,h2{display:inline;font-size:1.0em;}
h3{font-weight:normal}
h2 a,h3 a{color:#000}
h4{margin:20px 0 10px;font-size:1.1em}
textarea,input,select{font:12px Arial;padding:1px 3px 0 3px;vertical-align:middle;margin-bottom:1px}
.c{clear:both;height:0;font:0/0 Arial;}
.b{font-weight:bold}
.y-style{text-align:center;}
.tal{border-right:1px solid #D4EFF7;text-align:center;}
.tals{border-right:1px solid #D4EFF7;text-align:left;}
.tac{text-align:center}
.tar{text-align:right}
.fr{float:right}
.fl{float:left}
.bold{ font-weight: bold }
/*a link 基本连接颜色*/
a{text-decoration:none;color:#2f5fa1; line-height:14px;}
a:hover{text-decoration:underline; line-height:14px}
.abtn{cursor:pointer;border:1px solid #B6D9E3;color:#2f5fa1;padding:2px 8px;margin-left:2px;height:30px}
/*字体大小*/
.f9{font-size:10px;line-height:14px }
.f10{font-size:11px; }
.f12{font-size:12px; line-height:14px}
.f14{font-size:14px; }
.fn,.fn a{font-weight:normal}
/*span color 数值自定义*/
.s1{color:#008000;}
.s2{color:#984B98;}
.s3{color:#FA891B;}
.s4{color:#0033FF;}
.s5{color:#659B28}
.gray{color:#818a89} /*次要文字颜色-可定义*/
.green{color:#659b28} /*次要文字颜色-可定义*/
/*main color 数值自定义*/
.f_one,.t_one,.r_one{background:#ffffff;}
.f_two,.t_two{background:#E0F0F9;}
.r_two {
BACKGROUND: #f4fbff
}
/**Showheadimg*****/
.abtn img{width:80px;height:80px;}
/*form*/
textarea,input,select{font:12px Arial;padding:1px 3px 0 3px;vertical-align:middle;margin-bottom:1px}
select{border:solid 1px #D4EFF7;}
.bt {
BORDER-RIGHT: #809846 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #809846 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; BACKGROUND: url() #ffffff; PADDING-BOTTOM: 0px; BORDER-LEFT: #809846 1px solid; COLOR: #648a0c; PADDING-TOP: 1px; BORDER-BOTTOM: #809846 1px solid
}
.ip {
BORDER-RIGHT: #809846 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #809846 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; BACKGROUND: #ffffff; PADDING-BOTTOM: 2px; BORDER-LEFT: #809846 1px solid; COLOR: #648a0c; PADDING-TOP: 2px; BORDER-BOTTOM: #809846 1px solid
}
.btn {
BORDER-RIGHT: #A6CBE7 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #A6CBE7 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; BACKGROUND: url() #ffffff; PADDING-BOTTOM: 0px; BORDER-LEFT: #A6CBE7 1px solid; COLOR: #648a0c; PADDING-TOP: 1px; BORDER-BOTTOM: #A6CBE7 1px solid
}
.btn1{background:#B6D9E3 url(../images/bg.png) 0 -200px repeat-x;color:#005681;border-width:1px;padding-left:15px;padding-right:15px;vertical-align:middle}
.input{border:solid 1px #A6CBE7;padding:2px 0px 2px 1px;font-size:1.0em;vertical-align:middle}
form{display:inline;}
textarea{border:solid 1px #A6CBE7;}
/*header*/
#header{width:98%;margin:auto}
/*toolbar*/
.toptool{border-bottom:1px solid #daebcd;}
.toptool span{padding:1px 5px;line-height:150%}
/*index info
#infobox{ border:#D4EFF7 1px solid; margin-top:-.8em;min-height:80px;height:auto;!important;height:80px;background:#B6D9E3 url(images/wind/bg.png) 0 bottom repeat-x; }
*/
/*banner*/
.banner{padding-right:3%}
.banner img{vertical-align:middle;}
/*guide*/
.guide{background:#F7F7F7 url(images/wind/bg.png) 0 -100px repeat-x; padding:.5em; border:1px solid #C4E6AF; color:#ccc}
/*fram*/
.fram{border:1px solid #A6CBE7;margin-top:1px;}
/*table*/
.t{border:1px solid #A6CBE7;margin:0px auto 8px;}
.t table{border:1px solid #fff;margin:0 auto;width:99.98%;}
.t2{border-top:#A6CBE7 1px solid;margin:0px auto 5px;}
.t3{margin:auto}
.t4{padding:1px 0 1px 1px}
.t5{border:1px solid ;margin:0px auto 8px;}
/*table head */
.h{border-bottom:1px solid #76BAC2;background:#76BAC2 url(../images/bg.png) 0 -200px repeat-x;text-align:left;color:#005681;padding:.3em .4em}
.h span{font-weight:normal;}
.h h2{font-weight:bold}
.h a{font-family:Arial;color:#004c7d}
.h span a,.h span{color:#5599bb;}
.h a.a2{margin-left:12px; line-height:16px}
/*table tr1*/
.tr1 th{padding:5px 10px;text-align:left;vertical-align:top;font-weight:normal;}
.tr1 td.td1{border:1px solid #D4EFF7;}
/*table tr2*/
.tr2{background:#F7F7F7 url(images/bg.png) 0 -300px repeat-x;color:#659b28;}
.tr2 td,.tr2 th{line-height:18px;border-bottom:1px solid #DEEAD2;padding:2px 6px 0px;/*border-top:1px solid #B6D9E3;*/}
.tr2 a{color:#659b28;margin:2px 2px 0}
/*table tr3*/
.tr3 td,.tr3 th{border-bottom:1px solid #D4EFF7;padding:.3em .6em}
.tr3 th{text-align:left;font-weight:normal;}
.tr4{background:#76BAC2 url(images/wind/bg.png) 0 -200px repeat-x;color:#005681;}
.tr4 td{padding:4px 10px;}
.tr td,.tr th{padding:2px}
/*topic content tips*/
.tpc_content{margin-top:15px;font-size:14px;font-family:Arial;padding:0 2% 0 0.5%;margin:0 0 2%; line-height:25px; letter-spacing:1px;}
.tips{background:#F4FBFF;border:#D4EFF7 1px solid;padding:5px;margin:0 1% 1% 0;float:left;text-align:center;}
.tiptop{border-bottom:1px solid #D4EFF7;padding:0 0 5px 0;vertical-align:middle;}
.tipad{border-top:1px solid #D4EFF7;margin:10px 0 0;padding:5px 0 0;}
.quote{font-size:70%;color:#004c7d;margin:2px;padding:0}
blockquote{width:92%;font-size:85%;color:#81888c;border:1px solid #D4EFF7;border-left-width:3px;padding:5px;margin:0 0 1%}
/*menu*/
.menues {
BORDER-RIGHT: #b6d9e3 1px solid; BORDER-TOP: #b6d9e3 1px solid; BACKGROUND: #fff; BORDER-LEFT: #b6d9e3 1px solid; BORDER-BOTTOM: #b6d9e3 1px solid; POSITION: absolute
}
.menu {
BORDER-RIGHT: #b6d9e3 1px solid; BORDER-TOP: #b6d9e3 1px solid; BACKGROUND: #fff; BORDER-LEFT: #b6d9e3 1px solid; BORDER-BOTTOM: #b6d9e3 1px solid; POSITION: absolute
}
.menu TD {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.menu LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.menu UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.menu LI {
LIST-STYLE-TYPE: none
}
.menu A {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.menu A:hover {
BACKGROUND: #2f5fa1; COLOR: #fff; TEXT-DECORATION: none
}
.menu UL.ul1 LI A {
PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
/*pages*/
.pages{margin:3px 0;font:11px/12px Tahoma}
.pages *{vertical-align:middle;}
.pages a{padding:1px 4px 1px;border:1px solid #B6D9E3;margin:0 1px 0 0;text-align:center;text-decoration:none;font:normal 12px/14px verdana;}
.pages a:hover{border:#659b28 1px solid;background:#F7F7F7;text-decoration:none;color:#005681}
.pages input{margin-bottom:0px;border:1px solid #659b28;height:15px;font:bold 12px/15px Verdana;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#659b28;}
/*footer*/
#footer{width:98%;text-align:right;border-top:2px solid #dbecF4;margin:auto;padding:5px 0;border-bottom:#f3f8ef 12px solid}
#main{width:98%;margin:auto}
/*******帖子内容框架********/
.msgbody {
overflow: hidden;
width: auto !important;
width: 100%;
}
.msgheader {
margin: 0 1em;
border: 1px solid #DEDEB8;
font-weight: bold;
background: #F3F8D7;
padding: 5px;
color: #000000;
}
.msgborder {
margin: 0 1em;
padding: 10px;
border: 1px solid #DEDEB8;
border-top: 0px;
word-wrap: break-word;
background: #FDFFF2;
overflow: hidden;
}
.right {
float: right;
text-align: right;
padding: 0px;
}
.t_attachlist {
padding: 5px;
border-bottom: 1px solid #DEDEB8;
}
.smalltxt
{
font: 11px Arial, Tahoma;
}
.absmiddle {
vertical-align: middle;
}
<link href="../css/Style.css" type="text/css" rel="stylesheet" /> 引用
class="h"
<input class="btn1" id="chkall" onclick="CheckAll();" type="button" value="全选" />
<table id="RecordTable" name="RecordTable" class="t" width="98%" cellspacing="0"
cellpadding="0" align="center">
<center class="gray">
<small>Total 0.035860(s) query 6, Time now is:05-14 14:33, Gzip enabled
<br />
Powered by <a href="" target="_blank"><b>PHPWind</b></a> <a href="" target="_blank">
<b style="color: #FF9900">v5.3</b></a> <a href=""><b>Certificate</b></a> Code
© 2003-07 <a href="" target="_blank"><b>PHPWind.com</b></a> Corporation</small>
</center>
<asp:TextBox ID="TextBoxName" CssClass="ip" runat="server" Width="30%"></asp:TextBox>