4.11 圆角边框和阴影
这两个css属性是CSS3的属性，IE是不支持的，在dreamweaver也看不到。
边框圆角：
border-radius: 10px;
后面的数字越大，圆角越大：
<div style="border-radius:5px;background:blue;width:80px;color:#FFF"> 5px圆角</div><div style="border-radius:10px;background:orange;width:80px"> 10px圆角</div>边框阴影：
<div style="box-shadow: 5px 8px 5px #ccc;background:blue;width:80px;color:#FFF"> 5px圆角</div>代码里面的阴影效果box-shadow:0 2px 8px #ccc
这是一个CSS box-shadow（盒阴影）属性的声明，它的值由4个参数组成，分别为：偏移量x、偏移量y、模糊半径和颜色。具体解释如下：
- 偏移量x：表示盒阴影相对于水平方向的偏移量，如果为正数则表示向右偏移，如果为负数则表示向左偏移。
- 偏移量y：表示盒阴影相对于垂直方向的偏移量，如果为正数则表示向下偏移，如果为负数则表示向上偏移。
- 模糊半径：表示盒阴影的模糊程度，如果该值为0，则代表盒阴影是精细的坚实边框，如果该值越大，则代表盒阴影越模糊。
- 颜色：表示盒阴影的颜色，可以是具体的颜色值，也可以是颜色名称或颜色的rgb、hsl值等。
因此，在这个声明中，Box-shadow的效果是：一个2px向下偏移、2px向右偏移、模糊程度为8px的浅灰色盒阴影。
