如何修改HTML表格内边框颜色
日期：2014-05-18 浏览次数：20698 次
怎么修改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>
怎么修改表格里面的线的颜色啊
<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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
