首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

如何修改HTML表格内边框颜色

2012-02-27 
怎么修改HTML表格内边框颜色怎么修改表格里面的线的颜色啊html xmlnshttp://www.w3.org/1999/xhtmlh

怎么修改HTML表格内边框颜色
怎么修改表格里面的线的颜色啊

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题文档</title>
</head>

<style>
table{
border:solid #FF0000 1px;
}
td{
border-color:#0000FF;
}

</style>
<body>
<table border="1"> 
<tr>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
<tr>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
<tr>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
<tr>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
</table>
</body>
</html>


本来边框是设置的0,但是里面的线就不显示了,后来改成1,
结果里面的单元格的边框变色,每个单元格之间的线 分开了。
具体该怎么写啊~ 让单元格之间就1条线。求教。。。谢谢了

[解决办法]
例:

<style type="text/css">
.Tab{ border-collapse:collapse; width:300px; height:300px;}
.Tab td{ border:solid 1px #f00}
</style>

<table cellspacing="0" class="Tab">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

热点排行