如何使用CSS在圆角边框HTML表格的边缘添加额外空间

如何使用CSS在圆角边框HTML表格的边缘添加额外空间,html,css,Html,Css,我试图在圆形HTML表格的边缘添加一些额外的空间。下面是我想要实现的目标的图片(注意桌子边缘的额外空间): 为了在边缘留出额外的空间,我尝试添加与内部颜色相同的边框,但由于某些原因,圆角没有出现。 这是我的密码: 表格{ 背景色:#FBF85D; 边框:25px实心#FBF85D; 边界半径:25px; 盒影:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); } 您可以使用填充 试试这个 桌子{ 背景色:#FBF85D

我试图在圆形HTML表格的边缘添加一些额外的空间。下面是我想要实现的目标的图片(注意桌子边缘的额外空间):

为了在边缘留出额外的空间,我尝试添加与内部颜色相同的边框,但由于某些原因,圆角没有出现。

这是我的密码:

表格{
背景色:#FBF85D;
边框:25px实心#FBF85D;
边界半径:25px;
盒影:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

您可以使用填充

试试这个


桌子{
背景色:#FBF85D;
边框:25px实心#FBF85D;
边界半径:25px;
盒影:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.btn圈{
填充:20px;
大纲:无;
边界:0;
边界半径:60px;
}

:)谢谢你,因为你的答案很清楚