gpt4 book ai didi

html - 条纹 html 表格行之间的间隙

转载 作者:太空宇宙 更新时间:2023-11-04 14:23:33 26 4
gpt4 key购买 nike

我有以下 html 文件:

<html>
<head>
<style type="text/css">
.table-striped {
padding: 0;
margin: 0;
border: 0 none;
}
.table-striped td {
border-bottom-style: dotted;
border-width: 0 0 1px 0;
border-color: #999999;
padding: 0;
margin: 0;
}
.table-striped tr {
padding: 0;
margin: 0;
border-width: 0;
}

.table-striped tr:nth-child(even) {
background-color: #CCCCCC;
}
.table-striped tr:nth-child(odd) {
background-color: #ECECEC;
}
</style>
</head>

<body>
<table class="table-striped">
<tr><td>Line 1</td></tr>
<tr><td>Line 2</td></tr>
<tr><td>Line 3</td></tr>
<tr><td>Line 4</td></tr>
</table>
</body>
</html>

尽管我将填充和边距设置为 0,但虚线边框和下一个单元格背景下仍然有白色细线。

如何删除它们?

我也有带图片的示例,但我想在没有它们的情况下这样做。

我在 Firefox 3.16.6 和 Chrome 10.0 中尝试了代码。

最佳答案

像这样为表格设置 cellspacing=0:

<table class="table-striped" cellspacing="0">

关于html - 条纹 html 表格行之间的间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5754643/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com