CSS基础：圆角和内影响

border-radius:10px 10px 10px 10px;

利用属性制作圆形的2个要点：宽和高必须相同

：圆角半径为元素宽度的一半或者直接用50%

box-shadow：inset（内阴影） x-offset y-offset blur-radius color;

:outset;（外阴影）默认值；

blur-radius模糊范围 x-offse y-offset x和y轴阴影区域；

背景图片尺寸 background-size:100%;第一个值是宽度，第二个值是高度。只给一个值，另一个值为auto；

：cover；覆盖背景定位区域 但是图片会展示不全；

：100px;第一个值为宽，第二个值高；

:contain;会保持纵横比，图片会全部展示，但是不会覆盖定位区域

背景图片定位区域 background-origin：padding-box；贴着内边距的内部展示

：border-box；贴着边框的内部；

：content-box；贴着内容；

背景绘制区域 background-clip：padding-box;背景被剪裁到内边距

:border-box;背景被剪裁到边框

:content-box;背景被剪裁到内容