怎么修改HTML表格内边框颜色
时间：2011-08-31
来源：互联网
怎么修改表格里面的线的颜色啊
<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条线。求教。。。谢谢了
<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条线。求教。。。谢谢了
作者: silencelvwei520 发布时间: 2011-08-31
<table border="0" bgcolor="#666666">
<tr>
<td bgcolor="White">111</td>
<td bgcolor="White">111</td>
<td bgcolor="White">111</td>
</tr>
<tr>
<td bgcolor="White">111</td>
<td bgcolor="White">111</td>
<td bgcolor="White">111</td>
</tr>
<tr>
<td bgcolor="White" >111</td>
<td bgcolor="White" >111</td>
<td bgcolor="White">111</td>
</tr>
<tr>
<td bgcolor="White">111</td>
<td bgcolor="White">111</td>
<td bgcolor="White">111</td>
</tr>
</table>
<tr>
<td bgcolor="White">111</td>
<td bgcolor="White">111</td>
<td bgcolor="White">111</td>
</tr>
<tr>
<td bgcolor="White">111</td>
<td bgcolor="White">111</td>
<td bgcolor="White">111</td>
</tr>
<tr>
<td bgcolor="White" >111</td>
<td bgcolor="White" >111</td>
<td bgcolor="White">111</td>
</tr>
<tr>
<td bgcolor="White">111</td>
<td bgcolor="White">111</td>
<td bgcolor="White">111</td>
</tr>
</table>
作者: qzp000000 发布时间: 2011-08-31
例:
<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>
<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>
作者: wxm586878 发布时间: 2011-08-31
<table cellpadding="0" cellspacing="0"></table>就可以了。
作者: softroad 发布时间: 2011-08-31
或者border-top, border-left,然后在最左边，最下边的border设置成border-right,border-top
作者: softroad 发布时间: 2011-08-31
噢~ 原来如此，border-collapse 合并边框。这个属性以前都没用过，或者用过忘记了。
谢谢啦^_^
谢谢啦^_^
作者: silencelvwei520 发布时间: 2011-08-31
引用 4 楼 softroad 的回复:
或者border-top, border-left,然后在最左边，最下边的border设置成border-right,border-top
或者border-top, border-left,然后在最左边，最下边的border设置成border-right,border-top
这个最快捷
作者: LMAOhuaNL 发布时间: 2011-08-31
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
