- <head>
- <title></title>
- <link rel="stylesheet" media="screen" />
- </head>
- <body>
- <table class="admintable" width="100%">
- <tr>
- <th class="adminth">标题th</th>
- <th class="adminth">标题th</th>
- <th class="adminth">标题th</th>
- <th class="adminth">标题th</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> </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> </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> </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> </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:"新宋体";
- }
- //该片段来自于http://www.codesnippet.cn/detail/220520133489.html
来源: http://www.codesnippet.cn/detail/220520133489.html