从html表格单元格中删除顶部边框

概述我正处于构建网站的初始阶段,该网站的表格将在许多页面上显示.除了每个单元格顶部的灰色边框外,我已成功设置了表格.我似乎无法摆脱它. [该网站是：http://www.randysrides.com/1970-chevrolet-camaro/][1] 该表的HTML如下： <div class="spec_table"><table><tbody><tr><td><strong>Engin 我正处于构建网站的初始阶段,该网站的表格将在许多页面上显示.除了每个单元格顶部的灰色边框外,我已成功设置了表格.我似乎无法摆脱它.

[该网站是：http://www.randysrides.com/1970-chevrolet-camaro/][1]

该表的HTML如下：

<div ><table><tbody><tr><td><strong>Engine:</strong> Wagner LS-3 (603 hp)</td></tr><tr><td><strong>Transmission:</strong> Bowler Tremec 5-speed</td></tr><tr><td><strong>Exhaust:</strong> Flowmaster Super 44 Mufflers</td></tr><tr><td><strong>Ignition: </strong>Crane</td></tr><tr><td><strong>Radiator: </strong>Be Cool</td></tr><tr><td><strong>Rear End: </strong>GM 12-bolt</td></tr><tr><td><strong>Suspension: </strong>AVCO/JME</td></tr><tr><td><strong>Brakes: </strong>Willwood</td></tr><tr><td><strong>Wheels: </strong>Billet SpecialtIEs</td></tr><tr><td><strong>Paint:</strong> BASF Waterborne “Grinch Green”</td></tr><tr><td><strong>Interior: </strong>Mark Millbrandt</td></tr><tr><td><strong>Seats: </strong>Recaro</td></tr><tr><td><strong>Sound System: </strong>Alpine</td></tr></tbody></table></div>

然后我有以下CSS：

.spec_table {wIDth: 100%; max-wIDth: 350px; margin-top: -31px;}.spec_table table {margin-left: 0px;border-collapse:collapse;border: 0;}.spec_table tr {border-left: 2px solID rgba(38,201,255,1);}.spec_table td {margin-left: -20px; Font-size: .9em; line-height: 1.1em;}

我似乎无法摆脱每个细胞顶部的浅灰色边框.

任何帮助将不胜感激.

谢谢,
贾里德

解决方法 你的style.CSS中有一个边框样式

.entry-content tr td { border-top: 1px solID #eee; padding: 6px 24px; }

您需要覆盖此样式

在CSS中添加它

.spec_table td {margin-left: -20px;Font-size: .9em;line-height: 1.1em;border-top: none !important;}

总结

以上是内存溢出为你收集整理的从html表格单元格中删除顶部边框全部内容，希望文章能够帮你解决从html表格单元格中删除顶部边框所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。