gpt4 book ai didi

css - td 元素上的 Firefox css 边框宽度

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

我无法在 Firefox 中将边框宽度设置为 3px 纯绿色,即使它在 Chrome 中也能正常工作。我怎样才能解决这个问题?我的代码如下。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<style>
td {border: 3px solid green; background:blue;}
</style>
</head>
<body>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>

最佳答案

要消除空格并避免单元格之间出现双边框,您必须折叠它们,例如:

table {
border-collapse: collapse;
}

DEMO

此外,使用某种 CSS 差异消除器也是个好主意,它可以为您节省大量时间并有助于避免此类情况 - Normalize CSSCSS Reset

关于css - td 元素上的 Firefox css 边框宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12623837/

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