圆角、阴影及图片定位

border-radius: 圆角（以顺时针的顺序去设置其属性值， 左上角—右上角—右下角—左下角。）

所设置的值越大，圆角越大越圆，最多为高的一半。（要想制作圆型需满足：设置的宽度和高度必

须相同、圆角的半径为元素宽度的一半，或者设置为50%）

box-shadow: 阴影 （属性设置为: box-shadow: x-offset y-offset blur-radius color inset ;）

x-offset ：X轴位移，指定阴影水平位移量、

y-offset :Y轴位移，用来指定阴影垂直位移量、

blur-radius： 阴影模糊半径阴影向外模糊的模糊范围、

color： 阴影颜色，定义绘制阴影时所使用的颜色

inset： 阴影类型内阴影，默认为outset外阴影，且不需要设置外阴影为属性值。

background-size:  设置背景图片高度和宽度。第一个值设置宽度，第二个值设置的高度（如果只给出一个值，第二个是设置为"auto"自动）。

background-size:cover; 会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。

background-size:contain; 会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。

background-origin:padding-box;  背景图像相对于内边距框来定位。

background-origin:border-box;  背景图像会贴在边框的内部来展示。

background-origin:content-box;  背景图像会贴在内容的内部来展示。

background-clip:padding-box;  背景被裁剪到内边距框。

background-clip:border-box;  背景被裁剪到边框盒。

background-clip: content-box;  背景被裁剪到内容框。