Why does css setting table rounded border not work?

The reason why setting the table rounded border in css does not work is that the property border-collapse:collapse and the property border-radius are incompatible. The correct method is [border-collapse: separate;border-spacing:0].

The environment of this article: windows10, css3, this article is applicable to all brands of computers.

Cause analysis:

Setting border-radius in the table found that it does not work. The reason is that border-collapse:collapse and border-radius are incompatible.

(Learning video sharing: css video tutorial)

css:

border-collapse: separate;
border-spacing: 0;

Code implementation:

头部1
头部2
头部3
头部4




1内容1
1内容2
1内容3
1内容4


2内容1
2内容2
2内容3
2内容4


3内容1
3内容2
3内容3
3内容4

implementation Effect:

Related recommendations: CSS tutorial

The above is the detailed content of Why does css setting table rounded border not work?. For more information, please follow other related articles on the PHP Chinese website!