📅  最后修改于: 2023-12-03 15:27:53.258000             🧑  作者: Mango
表格边框半径是指表格的边框线圆角半径大小。当为0时,表格的边框线为直线,没有圆角效果,当大于0时,边框线会呈现圆角效果。
table {
border-collapse: collapse;
border-radius: 10px;
overflow: hidden;
}
table td, th {
padding: 10px;
border: 1px solid #ddd;
}
在上述示例中,我们使用了CSS的border-radius
属性来设置表格的边框圆角半径大小,值为10px
。同时,为了保证边框线圆角的显示,我们给表格设定了border-collapse: collapse
和overflow: hidden
属性,防止圆角被切断。
目前,大部分主流浏览器都已经支持border-radius
属性的使用,如Chrome、Firefox、Safari、Edge等。但还有一些旧版浏览器不支持border-radius
,如IE8及以下版本。因此,在使用border-radius
属性时,需要根据实际情况考虑兼容性问题。
表格边框半径可以为网页增添一份美感,同时也能提高用户体验,使表格更易于观察和阅读。