下面的例子指定边框的颜色，和th元素的文本和背景颜色：
例<html>
<head><style>
table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}
</style></head><body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Savings</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
<td>$100</td>
</tr></table></body></html>
<html>
<head>
<title>title</title>
</head>
<body>
<php
echo "<table style=\"border:1px\" width=\"400\" height=\"150\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\">";
echo "<thead>";
echo"<tr style = \"background-color:#778899\">";
echo "<th>Product Name</th>";
echo "<th>Supplier Name</th>";
echo "<th>Units in Stock</th>";
echo "<th> Unit Price</th>";
echo "</thead>";
echo "<tbody>";
echo"<tr>";
$num = 4;
for ($i = 0; $i<=19; $i++){
if($i % $num == 0){
if ($i == 0){
echo "<td style=\"background-color:#778899\"></td>";
}else{
echo "</tr><td style=\"background-color:#778899\"></td>";
}
}
else{
echo "<td style=\"background-color:#FFB6C1\"></td>";
}
}
echo "</tbody>";
echo "</table>";
>
</body>
</html>
给你个完整的模板自己参考， 稍微变动下就可以了，万变不离其宗
给分
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
function tagscheck(a){
var lng=documentalltags(atagName)length;
for(i=0;i<lng;i++){
var temp=documentalltags(atagName)[i];
if(a==temp){
//选中的标签样式
tempstylebackground="#ccc";
}else{
//恢复原状
tempstylebackground="";
}
}
}
</script>
</head>
<body>
<table width="100%" border="1" cellpadding="2" cellspacing="0">
<tr>
<td bgcolor="#006600"> </td>
<td bgcolor="#006600"> </td>
<td bgcolor="#006600"> </td>
</tr>
<tr onclick="tagscheck(this);">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onclick="tagscheck(this);">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onclick="tagscheck(this);">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onclick="tagscheck(this);">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onclick="tagscheck(this);">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onclick="tagscheck(this);">
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
加个 就好了
<table width="1" (以下省略）>
<tr>
<td style="background-color:gray"> </td>
<td style="background-color:gray"> </td>
</tr>
<tr>
<td>单元格内有文字，无背景</td>
</tr>
</table>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）