通过 CSS3 创建圆角边框和向矩形添加阴影

通过 CSS3，您能够创建圆角边框，向矩形添加阴影，使用图片来绘制边框 - 并且不需使用设计软件，比如 PhotoShop。

在本章中，您将学到以下边框属性：

• border-radius
• box-shadow
• border-image

浏览器支持

属性	浏览器支持
border-radius
box-shadow
border-image

Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。

Firefox、Chrome 以及 Safari 支持所有新的边框属性。

注释：对于 border-image，Safari 5 以及更老的版本需要前缀 -webkit-。

Opera 支持 border-radius 和 box-shadow 属性，但是对于 border-ima

向 div 元素添加圆角：

div
{
border:2px solid;
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */
}

向 div 元素添加方框阴影： 

div
{
box-shadow: 10px 10px 5px #888888;
}