css3样式效果

一、盒子内圆角

效果图

css样式代码：
width: 300px;
height: 200px;
background: radial-gradient(circle at top left, transparent 28px, #f36 0) top left,
radial-gradient(circle at top right, transparent 28px, #f36 0) top right,
radial-gradient(circle at bottom right, transparent 28px, #f36 0) bottom right,
radial-gradient(circle at bottom left, transparent 28px, #f36 0) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
注意：只是用的径向渐变，盒子的形状还是长方形；（见下图）

只是加了一个边框。border: 1px solid #000;