CSS 制作表格细线,表格头部标题列背景色的有关问题
日期：2014-05-17 浏览次数：20701 次
CSS 制作表格细线,表格头部标题列背景色的问题
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 表格细线 </title>
<style type= "text/css ">
<!--
#dataList{
background-color:#C0C0C0;
}
#dataList td{
background-color:#ffffff;
font-size:12px;
line-height:170%;
}
-->
</style>
</head>
<body>
<table border= "0 " cellpadding= "3 " cellspacing= "1 " id= "dataList ">
<tr align= "center ">
<td> 标题 </td>
<td> 作者 </td>
<td> 上传时间 </td>
<td> 人气 </td>
<td> 审核 </td>
</tr>
<tr align= "center ">
<td align= "left "> 温家宝应大会新闻发言人邀请与中外记者见面 </td>
<td> 黎明 </td>
<td> 2007-03-16 </td>
<td> 2/67 </td>
<td> 未 </td>
</tr>
</table>
</body>
</html>
-------------- 以上是鄙人制作表格细线的代码 ------------
问题:如何让表头 "标题 作者 上传时间 人气 审核 " 那一行的背景通过 CSS 加上一个背景颜色.
前提:这个表格牵涉到切换风格的问题,所以,不能通过 <tr style= "background-color:#C0C0C0 "> 的方式.
谢谢大家的作答.
------解决方案--------------------
=.=给第一列加个id就行啦~~哪那么麻烦~~
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 表格细线 </title>
<style type= "text/css ">
<!--
#dataList{
background-color:#C0C0C0;
}
#dataList td{
background-color:#ffffff;
font-size:12px;
line-height:170%;
}
#head td{
background-color:red;
}
-->
</style>
</head>
<body>
<table border= "0 " cellpadding= "3 " cellspacing= "1 " id= "dataList ">
<tr align= "center " id= "head ">
<td> 标题 </td>
<td> 作者 </td>
<td> 上传时间 </td>
<td> 人气 </td>
<td> 审核 </td>
</tr>
<tr align= "center ">
<td align= "left "> 温家宝应大会新闻发言人邀请与中外记者见面 </td>
<td> 黎明 </td>
<td> 2007-03-16 </td>
<td> 2/67 </td>
<td> 未 </td>
</tr>
</table>
</body>
</html>
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 表格细线 </title>
<style type= "text/css ">
<!--
#dataList{
background-color:#C0C0C0;
}
#dataList td{
background-color:#ffffff;
font-size:12px;
line-height:170%;
}
-->
</style>
</head>
<body>
<table border= "0 " cellpadding= "3 " cellspacing= "1 " id= "dataList ">
<tr align= "center ">
<td> 标题 </td>
<td> 作者 </td>
<td> 上传时间 </td>
<td> 人气 </td>
<td> 审核 </td>
</tr>
<tr align= "center ">
<td align= "left "> 温家宝应大会新闻发言人邀请与中外记者见面 </td>
<td> 黎明 </td>
<td> 2007-03-16 </td>
<td> 2/67 </td>
<td> 未 </td>
</tr>
</table>
</body>
</html>
-------------- 以上是鄙人制作表格细线的代码 ------------
问题:如何让表头 "标题 作者 上传时间 人气 审核 " 那一行的背景通过 CSS 加上一个背景颜色.
前提:这个表格牵涉到切换风格的问题,所以,不能通过 <tr style= "background-color:#C0C0C0 "> 的方式.
谢谢大家的作答.
------解决方案--------------------
=.=给第一列加个id就行啦~~哪那么麻烦~~
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 表格细线 </title>
<style type= "text/css ">
<!--
#dataList{
background-color:#C0C0C0;
}
#dataList td{
background-color:#ffffff;
font-size:12px;
line-height:170%;
}
#head td{
background-color:red;
}
-->
</style>
</head>
<body>
<table border= "0 " cellpadding= "3 " cellspacing= "1 " id= "dataList ">
<tr align= "center " id= "head ">
<td> 标题 </td>
<td> 作者 </td>
<td> 上传时间 </td>
<td> 人气 </td>
<td> 审核 </td>
</tr>
<tr align= "center ">
<td align= "left "> 温家宝应大会新闻发言人邀请与中外记者见面 </td>
<td> 黎明 </td>
<td> 2007-03-16 </td>
<td> 2/67 </td>
<td> 未 </td>
</tr>
</table>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
