border-radius（圆角）属性和box-shadow（阴影）的使用

border-radius属性的使用

顺时针的顺序

一个值

div{border-radius:5px}

定义的盒子四个角5像素圆角效果

两个值

div{border-radius:5px 0;} 

定义的盒子左上角和右下角5px圆角，其它两个角为0不圆角

三个值

div{border-radius:5px 5px 0 0;} 

定义盒子的左上角和右上角5px圆角，其它两个角为0不圆角

另类的情况需要用%

圆角：border-radius: 15%;

阴影：box-shadow
box-shadow:10px 10px 5px #888888;

语法：box-shadow: h-shadow v-shadow blur spread color inset;
各个参数的意义：

感谢菜鸟教程！