gpt4 book ai didi

html - 显示带有边框折叠的表格边框

转载 作者:太空宇宙 更新时间:2023-11-03 18:44:29 24 4
gpt4 key购买 nike

我制作了一个应用了边框折叠的表格。这是我们所有表格的 CSS 标准。

我的新表格要求行标题旁边的一小部分是一种颜色。因为 td 标签上有填充,所以 div 不会拉伸(stretch)整个距离。同样的问题将适用于添加一个新的表格单元格以仅包含彩色位。

当时的想法是添加边框可以解决问题,而且它可以工作,除了边框折叠。所以这里演示了问题http://jsfiddle.net/dtv6P/您可以看到专门应用于一个单元格的左边框位于表格的可见边界之外。我尝试将“border-collapse: separate”应用于单元格,但这似乎不起作用,所以有什么想法吗?

编辑*颜色是根据数据行从数组中选择的

基本思路代码(不是我的实际代码)

<head>
<style>
td {
border: 2px solid black;
padding: 4px;
}

table {
border-collapse: collapse
}
</style>
</head>

<body>
<table>
<tr><td>1a</td><td>2a</td><td>3a</td></tr>
<tr><td style="border-left: 10px solid;">1b</td><td>2b</td><td>3b</td></tr>
<tr><td>1c</td><td>2c</td><td>3c</td></tr>
</table>
</body>

最佳答案

我找到了这个链接 http://www.w3schools.com/cssref/pr_border-collapse.asp并发现它很有帮助。

<head>
<style>
table {
border-collapse: collapse
}
table, td {
border: 2px solid black;
padding: 4px;
}


</style>
</head>

<body>
<table>
<tr><td>1a</td><td>2a</td><td>3a</td></tr>
<tr><td>1b</td><td>2b</td><td>3b</td></tr>
<tr><td>1c</td><td>2c</td><td>3c</td></tr>
</table>
</body>

关于html - 显示带有边框折叠的表格边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16716382/

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