300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > html表格怎么改圆角边框 Table元素设置圆角border

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

时间:2018-10-19 22:42:27

相关推荐

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。