1. 爱易网页
  2. HTML教程
  3. CSS 制作表格细线,表格头部标题列背景色的有关问题

CSS 制作表格细线,表格头部标题列背景色的有关问题

日期：2014-05-17　 浏览次数：20654 次

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>

相关资料更多>

  1. ie8下div高度不一致，不要嫌少，如果有关问题解决了会加分
  2. 运用CSS3创建文字颜色渐变(CSS3 Text Gradient)
  3. 问上怎么让两个浮动元素行高自动相等
  4. css小结之margin、padding
  5. 自各儿实现的简单的html元素选择器，类似jquery选择器，比jquery选择器还要快
  6. 网站制作中url 的处理有关问题
  7. div里好几张图片，如何只显示一张图片，多谢
  8. ie6字体有关问题
  9. CSS产生的特殊效果