css - 表格中不需要的边框
问题描述
我有一个无边框表格,我希望交替行具有背景颜色。我在 tr 元素上设置了 CSS 背景颜色,它为行中的所有单元格提供了我想要的颜色,但每个单元格之间都有一条细白线。我怎样才能摆脱这个?
以下是该现象的非常简单的演示。注意第 2 行单元格之间不需要的细白线。添加边框、边框间距或边框折叠属性似乎没有任何区别。我在 Firefox 和 Chrome 上试过这个,两者的行为都是一样的。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
<body>
<style>
td {
padding: 5px;
}
</style>
<table style="width:100%">
<colgroup>
<col style="width:135px">
<col style="width:135px">
<col>
</colgroup>
<tbody>
<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
<tr style="background-color:#87CEEB">
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
</tbody>
</table>
</body>
</html>
解决方案
您可以将此代码添加到您的css文件中吗?
table, th, td {
border: 0;
}
推荐阅读
- javascript - 使用window.open时如何防止facebook 301重定向?
- docker - Docker Bridge 网络 TCP 重传
- reactjs - 使用 PrivateRoute 时 URL 发生变化
- reactjs - 从firebase检索(allpost)数据并使用uid也想检索用户信息
- php - 如何在 Datatables 服务器端处理中实现 Ajax 调用
- flutter - 查看 Flutter 网站时不显示自定义字体
- datetime - ASP CORE 动态更新 viewbag 日期标题
- debian - Debian 存储库失败
- python - 如何删除 numpy 数组中的非对称对?
- r - 具有嵌套随机效应的 lmer 模型的预测