除了之前了解过的内外边距以及border相关属性，盒子的组成部分我们还可以有：边界半径，图形边界以及盒子阴影。
border-radius
边界半径，它是一个简写属性，可以设置上下左右四边不同半径大小，同样的它和之前的margin、padding等都是一样的可以同时设置多个值，也可以单独一个值的设置：
border-top-left-radius：左上角边界半径
border-top-right-radius：右上角边界半径
border-bottom-left-radius：左下角边界半径
border-bottom-right-radius：右下角边界半径
简写属性值：border-radius: border-top-left-radius border-top-right-radius border-bottom-right-radius border-bottom-left-radius;
`border-radius: 20px 30px 40px 50px;
border-radius.png
box-shadow
盒子阴影属性由box-shadow控制，它的语法为：box-shadow: inset x-offset y-offset blur-radius color;
inset：内部阴影不设置时默认值为outset
x-offset：阴影在水平方向上的位移（正数向右，负数向左）
y-offset：阴影在垂直方向上的位移（正数向下，负数向上）
blur-radius：模糊半径值，数越大效果越模糊，只能为正数
color：阴影的颜色
单个阴影：
box-shadow: 0 10px 20px 11px orangered;
box-shadow1.png
多个阴影层叠：
box-shadow: 50px 50px 0px #f44586,100px 100px 0px blue;
box-shadow2.png
