TABLE 的css的样式表代码,Css代码库,德仔网

代码语言
代码分类
【Css】 TABLE 的css的样式表
作者:mickelfeng / 发布于2013/4/16/ 740
TABLE 的css的样式表

	<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>
	&nbsp;
	<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">
	 <input name="textfield" type="text" id="textfield" size="25" />
	  </td>
	 </tr>
	 <tr>
	 <th class="adminth_s2" scope="row">标题</th>
	 <td bgcolor="#EAEAEA">
	 <input name="textfield2" type="text" id="textfield2" size="25" />
	  </td>
	 </tr>
	 <tr>
	 <th class="adminth_s2" scope="row">标题</th>
	 <td bgcolor="#EAEAEA">
	 <input name="textfield3" type="text" id="textfield3" size="25" />
	  </td>
	 </tr>
	 <tr>
	 <th class="adminth_s2" scope="row">标题</th>
	 <td bgcolor="#EAEAEA">
	 <input name="fileField" type="file" id="fileField" size="15" />
	  </td>
	 </tr>
	 <tr>
	 <th class="adminth_s2" scope="row">标题</th>
	 <td bgcolor="#EAEAEA"> 
	 <textarea name="textarea" id="textarea" cols="23" rows="6"></textarea>
	  </td>
	 </tr>
	</table>
	&nbsp;
	<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>
	&nbsp;
	<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>
	&nbsp;
	</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:"新宋体";
	}
评论列表
本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。
试试其它关键字
　样式表　
同语言下
可能有用的
mickelfeng贡献的其它代码(22)