CSS3边框border

border-img : border-image-source  border-image-slice  border-image-width  border-image-outset  border-image-repeat    设置边框图像

border-image-source  是图像的url  （值：url/none）

border-image-slice 图像边界向内偏移  (值：px / % / fill保存图像中间部分)

border-image-width  图像边界的宽度（上右下左）(值：px / % / auto 宽度是相应的image slice的内在宽度或高度)

border-image-outset  在边框外绘制border-image-area的量  （值：length 边框图像与边框的距离/ number：border-width的倍数）

border-image-repeat （值：stretch 默认值 拉伸图像来填充区域 / repeat 平铺图像来填充区域 / round 若无法完整平铺所有图像，则对图像进行缩放以适应区域 / space 若无法完整平铺所有图像，扩展空间会分布在图像周围 / initial 将此属性设置为默认值）

border-radius：10px 10px 10px 10px  设置圆角边框 （值顺序：左上角 右上角 右下角 左下角 若省略 对角相同）

box-shadow ：h-shadow  v-shadow blur spread color inset 向元素设置阴影。

h-shadow 必需 水平阴影的位置 允许负值

v-shadow 必需 垂直阴影的位置 允许负值

blur    可选 模糊距离

spread  可选 阴影大小

color 可选 阴影颜色 

inset  可选  从外层的阴影（开始时）改变阴影内侧阴影