CSS3 边框

CSS3 边框

通过 CSS3，您能够创建圆角边框，向矩形添加阴影，使用图片来绘制边框
border-radius
box-shadow
border-image

CSS3 圆角边框

在 CSS2 中添加圆角矩形需要技巧。我们必须为每个圆角使用不同的图片。
在 CSS3 中，创建圆角是非常容易的。
在 CSS3 中，border-radius 属性用于创建圆角：

![这里写图片描述](https://img-blog.csdn.net/20161023124739510)

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

CSS3 边框阴影
在 CSS3 中，box-shadow 用于向方框添加阴影：

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

CSS3 边框图片
通过 CSS3 的 border-image 属性，您可以使用图片来创建边框：

div
{
border-image:url(border.png) 30 30 round;
-moz-border-image:url(border.png) 30 30 round; /* 老的 Firefox */
-webkit-border-image:url(border.png) 30 30 round; /* Safari 和 Chrome */
-o-border-image:url(border.png) 30 30 round; /* Opera */
}