1.边框圆角
div:{
border: 1px solid block;
border-radius:25px;
}
div:{
border-top-left-radius: 25px; //左上圆角
border-top-right-radius: 25px; //右上圆角
border-bottom-left-radius: 25px; //左下圆角
border-bottom-right-radius: 25px; //右下圆角
}
2.边框阴影
div:{
box-shadow:-2px 0 3px -1px green, //左边阴影
0 -2px 3px -1px blue, //顶部阴影
0 2px 3px -1px red, //底部阴影
2px 0 3px -1px yellow; //右边阴影
}
3.边界图片
div
{
border-image:url(border.png) 30 30 round;
-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 and older */
-o-border-image:url(border.png) 30 30 round; /* Opera */
}