html表格怎么改圆角边框,Table元素设置圆角border

本文主要探讨了机械键盘中红轴和茶轴的区别,适合程序员使用的选择。红轴以其直上直下的手感和较低的触发力度受到青睐,而茶轴则因为轻微的段落感和适中的压力克数被一些程序员喜欢。在设置表格圆角时,`border-collapse`属性的`separate`和`collapse`值会决定边框的表现,对于`border-radius`的影响也有所不同。文章通过代码示例展示了两种情况下的效果。

66b52468c121889b900d4956032f1009.png

8种机械键盘轴体对比

本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?

Table元素设置圆角border-radius

首先,我们先对border-collapse属性进行简单的了解。

有以下三个属性值:

separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。

collapse 如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。

inherit 规定应该从父元素继承 border-collapse 属性的值。

注意:

1、所有主流浏览器都支持该属性。

2、任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。

3、如果没有规定 !DOCTYPE,则 border-collapse 可能产生意想不到的结果。

我们在个Table元素设置圆角的时候,table的border-collapse不同的属性值会影响圆角的产生,

如下所示:

设置border-collapse: collapse;1212

代码如下:

12

12

设置border-collapse: separate;1212

代码如下:

12

12
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值