TABLE 的css的样式表

2014/12/07 37452

清华大佬耗费三个月吐血整理的几百G的资源，免费分享！....>>> 

<head>
<title></title>
<link rel="stylesheet" href="table.css" type="text/css" media="screen" />
</head>
<body>
<table class="admintable" width="100%">
   <tr>
     <th class="adminth">标题&lt;th&gt;</th>
     <th class="adminth">标题&lt;th&gt;</th>
     <th class="adminth">标题&lt;th&gt;</th>
     <th class="adminth">标题&lt;th&gt;</th>
   </tr>
   <tr>
     <td class="admincls0">内容1</td>
     <td class="admincls0">内容1</td>
     <td class="admincls0">内容1</td>
     <td class="admincls0">内容1</td>
   </tr>
   <tr>
     <td class="admincls1">内容1</td>
     <td class="admincls1">内容1</td>
     <td class="admincls1">内容1</td>
     <td class="admincls1">内容1</td>
   </tr>
   <tr>
     <td class="admincls0">内容1</td>
     <td class="admincls0">内容1</td>
     <td class="admincls0">内容1</td>
     <td class="admincls0">内容1</td>
   </tr>
   <tr>
     <td class="admincls1">内容1</td>
     <td class="admincls1">内容1</td>
     <td class="admincls1">内容1</td>
     <td class="admincls1">内容1</td>
   </tr>
</table>
<p>&nbsp;</p>
<table width="245" height="241" border="1" cellspacing="0" bordercolor="#99BCFC">
   <tr>
     <th class="adminth_s2" width="57" scope="row">标题</th>
     <td width="178" bgcolor="#EAEAEA"><p>
       <input name="textfield" type="text" id="textfield" size="25" />
     </p>     </td>
   </tr>
   <tr>
     <th class="adminth_s2" scope="row">标题</th>
     <td bgcolor="#EAEAEA"><p>
       <input name="textfield2" type="text" id="textfield2" size="25" />
     </p>     </td>
   </tr>
   <tr>
     <th class="adminth_s2" scope="row">标题</th>
     <td bgcolor="#EAEAEA"><p>
       <input name="textfield3" type="text" id="textfield3" size="25" />
     </p>     </td>
   </tr>
   <tr>
     <th class="adminth_s2" scope="row">标题</th>
     <td bgcolor="#EAEAEA"><p>
       <input name="fileField" type="file" id="fileField" size="15" />
     </p>     </td>
   </tr>
   <tr>
     <th class="adminth_s2" scope="row">标题</th>
     <td bgcolor="#EAEAEA"> <p>
       <textarea name="textarea" id="textarea" cols="23" rows="6"></textarea>
     </p>     </td>
   </tr>
</table>
<p>&nbsp;</p>
<table width="200" class="admintable_s2"   cellspacing="0">
   <tr>
     <td class="admintd">标题</td>
     <td>内容</td>
   </tr>
   <tr>
     <td class="admintd">标题</td>
     <td>内容</td>
   </tr>
   <tr>
     <td class="admintd">标题</td>
     <td>内容</td>
   </tr>
</table>
<p>&nbsp;</p>
<table width="200" class="stage" cellspacing="0">
   <tr>
     <td colspan="2" class="stagetd">标题内容stagetd</td>
   </tr>
   <tr class="stagetr_tr1">
     <td>内容</td>
     <td>内容</td>
   </tr>
   <tr class="stagetr_tr2">
     <td>内容</td>
     <td>内容</td>
   </tr>
   <tr class="stagetr_tr1">
     <td>内容</td>
     <td>内容</td>
   </tr>
   <tr class="stagetr_tr2">
     <td>内容</td>
     <td>内容</td>
   </tr>
</table>
<p>&nbsp;</p>
</body>
</html>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

下面为css


table.admintable {
border:1px solid #AEDEF2;
border-collapse: collapse;
}

table.admintable_s2{
color:#658fd4;
border-bottom:#aedef2 thin solid;
border-left:#aedef2 thin solid;
border-right:#aedef2 thin solid;
border-top:#aedef2 thin solid;
background-color: #eef6fe;
font-size:12px;
font-family:"新宋体";
overflow:auto;
}

td.admintd{
color: #0066cc;
font-size:14px;
color:#05B;
}

th.adminth {
width: 671px;
color: #0066cc;
background-color: #eef6fe;
font-size:14px;
color:#05B;
border:1px solid #AEDEF2;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#AEDEF2,endColorStr=ghostwhite);
}

th.adminth_s2 {
width: 671px;
color: #0066cc;
background-color: #eef6fe;
font-size:14px;
color:#05B;
border:1px solid #AEDEF2;
}

td.admincls0 {
border:1px solid #AEDEF2;
background:ghostwhite;
font-size:12px;
font-family: 新宋体;
color: #333;
}

td.admincls1 {
border:1px solid #AEDEF2;
background:#DAF0F1;
font-size:12px;
font-family: 新宋体;
color: #333;
}
th.menu {
color: #006699;
font-family: "新宋体";
font-size: 14px;
}

td.stagetd{
color:#236E11;
font-size:14px;
font-family:"新宋体";
border-bottom:#456602 thin dashed;
background:#EBFEC5;
}
table.stage{
border-bottom:#FFFFFF thin solid;
border-left:#FFFFFF thin solid;
border-right:#FFFFFF thin solid;
border-top:#FFFFFF thin solid;
font-size:14px;
font-family:"新宋体";
overflow:auto;
}
tr.stagetr_tr1{
border-bottom:#FFFFFF thin solid;
border-left:#FFFFFF thin solid;
border-right:#FFFFFF thin solid;
border-top:#FFFFFF thin solid;
background-color: #EBFEC5;
font-size:12px;
font-family:"新宋体";
}
tr.stagetr_tr2{
border-bottom:#FFFFFF thin solid;
border-left:#FFFFFF thin solid;
border-right:#FFFFFF thin solid;
border-top:#FFFFFF thin solid;
font-size:12px;
font-family:"新宋体";
}