本文介绍了如何使用CSS将HTML table的白色粗边框改为黑色细边框。通过修改内外边框，或者利用table的rules属性，可以实现边框样式的改变。示例代码展示了具体的实现方法。
刚学table标签时，给table加上边框后出现了一个很难看的白色边框，如下所示。
这个奇怪的白色边框出现的原因也很简单，这里我给table设置的是border=“1px”,结果就是整个table和table内的块状格子都添加了边框。那么如何将它修改成看起来很舒服的效果呢。
1.内外边框同时修改
例如下面这个效果图：
我们可以考虑这么做，我们可以利用外边框和内边框的距离，将这些距离都填充为黑色就可实现。将每个单元小格的背景颜色设置为白色，然后再将整个table的背景色设置为黑色即可实现。
下面是代码部分：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
tr{
background-color: white;
}
</style>
</head>
<body>
<table border="1px" bgcolor="black">
<tr>
<td>1-1</td>
最低0.47元/天 解锁文章
扫一扫
2506
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
