gpt4 book ai didi

html - 如何为表格创建连续的边框线?

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

enter image description here

我正在使用 html 创建一个表格。我想为不同的表格行创建连续的线条,而不是第一行的连接线。使用表的 border-collapse 属性可以帮助连接行,但这也会连接标题行,在标题单元格之间不留空间。我该怎么做才能在不影响最高线的情况下用蓝色圆圈连接线? Here's the fiddle , html 和 css 代码。

    <table id="table">
<tr>
<td>ENTERPRISE</td>
<td>PRIMARY VARIABLES</td>
<td>SECONDARY VARIABLES</td>
</tr>
<tr>
<td>Labor Market</td>
<td>N/A</td>
<td>Both events had an excellent attendance from C-level executives, with the CFO Forum having its highest attendance rate so far.</td>
</tr>
<tr>
<td>Economic Diversification</td>
<td>recently hosted two of its flagship events in Hong Kong, the INED Forum and CBA Forum.</td>
<td>For further information on previous INED and CFO events, please click here to access the Pursuits Resource Centre.</td>
</tr>
<tr>
<td>Innovation and R&D</td>
<td>He has vast experience working with insurance audit clients, and will be working on two global accounts.</td>
<td>Sandy specialises in tax, and brings vast knowledge with her in terms of asset management and private equity</td>
</tr>
</table>

#table tr:first-of-type td{
font-size: 18pt;
color: rgb(0,37,122);
background-color: rgb(152,198,234);
text-align: center;
font-family: "Arial Bold";
height: 18px;
}
#table tr:not(:first-of-type){
font-family: "Arial Regular";
font-size: 14pt;
color: rgb(51,51,51);
}
td{
padding-top: 18px;/*2.3653%*/
padding-bottom: 18px;
padding-right: 57px; /*3.5625%*/
border-style:none none solid none;
}
tr td:last-of-type{
padding-right: 0;
}

最佳答案

#table {
border-spacing:0
}

是你的答案

关于html - 如何为表格创建连续的边框线?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31112387/

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