TABLE 的css的样式表
- 作者: 我是段花花花花花花
- 来源: 51数据库
- 2022-09-21
<head>
<title></title>
<link rel="stylesheet" href="table.css" type="text/css" media="screen" />
</head>
<body>
<table width="100%">
<tr>
<th >标题<th></th>
<th >标题<th></th>
<th >标题<th></th>
<th >标题<th></th>
</tr>
<tr>
<td >内容1</td>
<td >内容1</td>
<td >内容1</td>
<td >内容1</td>
</tr>
<tr>
<td >内容1</td>
<td >内容1</td>
<td >内容1</td>
<td >内容1</td>
</tr>
<tr>
<td >内容1</td>
<td >内容1</td>
<td >内容1</td>
<td >内容1</td>
</tr>
<tr>
<td >内容1</td>
<td >内容1</td>
<td >内容1</td>
<td >内容1</td>
</tr>
</table>
<p> </p>
<table width="245" height="241" border="1" cellspacing="0" bordercolor="#99BCFC">
<tr>
<th 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 scope="row">标题</th>
<td bgcolor="#EAEAEA"><p>
<input name="textfield2" type="text" id="textfield2" size="25" />
</p> </td>
</tr>
<tr>
<th scope="row">标题</th>
<td bgcolor="#EAEAEA"><p>
<input name="textfield3" type="text" id="textfield3" size="25" />
</p> </td>
</tr>
<tr>
<th scope="row">标题</th>
<td bgcolor="#EAEAEA"><p>
<input name="fileField" type="file" id="fileField" size="15" />
</p> </td>
</tr>
<tr>
<th 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" cellspacing="0">
<tr>
<td >标题</td>
<td>内容</td>
</tr>
<tr>
<td >标题</td>
<td>内容</td>
</tr>
<tr>
<td >标题</td>
<td>内容</td>
</tr>
</table>
<p> </p>
<table width="200" cellspacing="0">
<tr>
<td colspan="2" >标题内容stagetd</td>
</tr>
<tr >
<td>内容</td>
<td>内容</td>
</tr>
<tr >
<td>内容</td>
<td>内容</td>
</tr>
<tr >
<td>内容</td>
<td>内容</td>
</tr>
<tr >
<td>内容</td>
<td>内容</td>
</tr>
</table>
<p> </p>
</body>
</html>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
下面为css
table.*****table {
border:1px solid #AEDEF2;
border-collapse: collapse;
}
table.*****table_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.*****td{
color: #0066cc;
font-size:14px;
color:#05B;
}
th.*****th {
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.*****th_s2 {
width: 671px;
color: #0066cc;
background-color: #eef6fe;
font-size:14px;
color:#05B;
border:1px solid #AEDEF2;
}
td.*****cls0 {
border:1px solid #AEDEF2;
background:ghostwhite;
font-size:12px;
font-family: 新宋体;
color: #333;
}
td.*****cls1 {
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:"新宋体";
}
推荐阅读
