html如何删除网页边框,如何从HTML表中完全删除边框

而且在CSS:

table {border: none;}

编辑: 作为伊格尔指出,该解决方案已正式弃用(仍然工作虽然),所以如果你是从头开始,你应该去jnpcl的border-collapse解决方案。

我其实很不喜欢这种变化(不适用于经常使用的表格)。它使一些任务有点复杂。例如。当你想在同一个地方(视觉上)包含两个不同的边框时,其中一个是一行的TOP,另一个是其他行的BOTTOM。他们会崩溃(=只显示其中一个)。那么你必须研究边界的“优先级”是如何计算的,边界样式是“更强”(双重还是实体等)。

我不喜欢这样的:现在

first row
second row

----------

.first {border-bottom:1px solid #EEE;}

.second {border-top:1px solid #CCC;}

,边境崩溃,这不会因为总是删除了一个边界的工作。我必须以其他方式来做(有更多的解决方案)。一种可能性是使用与CSS3的box-shadow:

first row
second row
​​​

.tab {border-collapse:collapse;}

.tab .first {border-bottom:1px solid #EEE;}

.tab .second {border-top:1px solid #CCC;box-shadow: inset 0 1px 0 #CCC;}​

您也可以使用类似“槽|脊|插图|开始”边框样式,只是一个单一的边界。但对我而言,这并不是最佳选择,因为我无法控制这两种颜色。

也许对于折叠边界有一些简单而好的解决方案,但我还没有看到它,而且我也没有花太多时间在它上面。也许有人在这里将能够向我/我们;)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值