css3边框新属性

通过CSS3，可以创建圆角边框  (border-radius)，向矩形添加阴影(border-shadow)，甚至使用图片(border-image)来绘制边框。

圆角边框  

div
{
border:2px solid;
border-radius:25px;
}

取值：
由浮点数字和单位标识符组成的长度值。不可为负值。
border-top-left-radius：
由浮点数字和单位标识符组成的长度值。不可为负值。

边框阴影：

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

box-shadow: h-shadow v-shadow blur spread color inset;

h-shadow,v-shadow必须。水平，垂直阴影的位置。允许赋值。blur可选，模糊距离。spread可选，阴影的尺寸。color可选，阴影的颜色。inset可选，将外部阴影（outset）改为内部阴影。

边框图片：

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 */
}