CSS3基础（一）

 border-radius：按左上右上右下左下的顺序设置四个边框的角的半径
当元素的高度和宽度相同，圆角的半径为宽度的一半或直接设50%可以画个圆
设置一个值1就是所有的角都按值1变化
设置值1 值2 是设置了左上角和右下角的值1  右上角和左下角的值2
三个值呢？第一个值表示左上的弯曲程度 第二个表示右上角和左下角的圆润程度  第三个值表示右下角的圆角大小
你要设置边框圆角首先你得有边框吧？可不要忘了哦

box-shadow：（inset）x-offse空格y-offset空格blur-radius空格color分号

outset(外阴影是默认的，不用敲）inset内阴影

x-offset X轴位移指定阴影水平位移

y-offset
y轴位移，用来指定Y轴垂直位移量

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

color 阴影所使用的颜色

刚才做练习实现样式的时候忘记设置行内元素display属性为inline-block了，上面的边框属性要设置宽高，要在行内实现的话，要把行内元素转换成块元素哦。

CSS3背景