代码如下：文章来源：https://www.toymoban.com/news/detail-530040.html
table {
width: 100%;
/* border-collapse: collapse; */
background-color: #FBFBFB; /* 背景颜色; */
border-collapse: separate; /* 让border-radius有效 */
border-spacing: 0; /*表格中每个格边距设为0*/
border: 1px solid #DFDFDF;/*边框*/
border-radius: 10px;/*圆角*/
overflow: hidden;/*有背景颜色就要用这个*/
}
border-collapse属性介绍看：https://developer.mozilla.org/zh-CN/docs/Web/CSS/border-collapse
效果图如下：
文章来源地址https://www.toymoban.com/news/detail-530040.html
到了这里，关于css设计表格圆角最简单的方法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
