css3 边框

1. 边框圆角

border-radius:20px   矩形四个角的圆角为20px;

border-top-left-raidus:m/n    矩形左上角圆角中心点x轴位置/y轴位置； 

border-top-right-raidus:m/n    矩形右上角圆角中心点x轴位置/y轴位置； 

border-bottom-left-raidus:m/n    矩形左下角圆角中心点x轴位置/y轴位置； 

border-bottom-right-raidus:m/n    矩形右下角圆角中心点x轴位置/y轴位置； 

border-radius:a b c d/e f g h  合写；

 

2. 图片边框

border-image:url(xx.png) a b c d repeat/round/stretch/space/atuo/fill/none;

把图片分割成9宫格形式，分割矩形的四条线距各自边的距离分别为a b c d（上 右 下 左）。截取到的9个矩形，其中带有顶点的四个矩形分别作为border的四个顶点，上下左右的四个矩形分别按照设置的排列方式分别分布在上下左右的border上。

 

3.边框阴影

见其他文章（shadow）