CSS的边框和背景的格式

CSS的边框格式是由border-color、border-image、border-radius和box-shadow等组成。

border-color是设置对象边框的颜色，如果你设置了border的宽度是X px，那么你就可以在这个border上使用X种颜色，每种颜色显示1px的宽度。如果说你的border的宽度是10个像素，但是只声明了5或6种颜色，那么最后一个颜色将被添加到剩下的宽度。

border-image是使用图片作为对象的边界。

border-radius指第一个值是水平半径。如果第二个值省略，则它等于第一个值，这时这个角就是一个四分之一圆角。如果任意一个值为0，则这个角是矩形，不会是圆的。值不允许是负值。

box-shadow设置阴影块

CSS的背景格式是由background-origin、background-clip、background-size和Multiple background等组成

background-origin用来决定 background-position 计算的参考位置。

 background-clip用来确定背景的裁剪区域。

background-size设置背景图片的大小。指定背景大小，以象素或百分比显示。当指定为百分比时，大小会由所在区域的宽度、高度，以及background-origin的位置决定。还可以通过cover和contain来对图片进行伸缩。

Multiple background指多重背景图象，可以把不同背景图象只放到一个块元素里。

多个图片url之间使用逗号隔开即可；如果有多个背景图片，而其他属性只有一个（例如background-repeat只有一个），表明所有背景图片应用该属性值。