使用图片作为border将是未来网店系统使用最广泛的CSS属性之一，这个属性是对border-style的升级。此属性允许您切片成的规则的9个不同部分的图像，然后在浏览器便会作为border的基本形状来进行渲染。如图，这种技术称为九切片缩放，可以避免圆角出现失真。我们不需要手动切开图片，CSS 能帮我们实现切片功能。
CSS:
.box {
-webkit-border-image : url (box.jpg) 20% 20% 20% 20% round round;
-moz-border-image : url (box.jpg) 20% 20% 20% 20% round round;
}
优点：不需要添加多余的标记，使用非常简单，而且可以自由改变每个圆角的半径。
缺点：W3C并为确定这个属性的使用方法，目前只可以用浏览器的私有属性实现，浏览器兼容性较差。目前支持这个方法的游览器有 Firefox，Chrome，Safari，Opera。
网店系统 www.wqeshop.com 转载 来源：中国站长网