CSS3的圆角边框、盒子的阴影以及背景图片的设置

圆角边框：

border-radius: 20px；

（一个值表示四个角的大小都为20px）

border-radius: 20px 50px；

（两个值表示：第一个值表示左上角和右下角的圆角大小，第二个值表示右上角和左下角的圆角大小，*是对角关系）

border:20px 30px 50px；

（三个值表示：第一个值表示左上角的圆角大小，第二个值表示右上角和左下角的圆角大小，第三个值表示右下角的圆角大小）

border-radius:20px 10px 30px 50px;

（四个值表示：按照顺时针的顺序设置 左上角右上角右下角左下角 值越大，圆角越圆）

还有一种情况可以直接制作出圆形：border-radius:50%;

（四个角都是50%，利用border-radius属性制作圆形的两个要点：元素的宽度和高度必须相同、圆角的半径为元素宽度的一半，或者直接设置圆角半径值为50%）

盒子的阴影：

inset             盒子类型内阴影（把inset删除 默认就是outset外阴影模式）

outset           阴影类型外阴影

x-offset         x轴位移，制定阴影水平位移量

y-offset         y轴位移，制定阴影垂直位移量

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

color              阴影颜色&