我有两张20px x 20px的单独图像，我想在每个边框侧显示每张图像。任何代码片段？我的目标平台是FF 3.6+和Safari 5 +。
使用css3和html5。
答案 0 :(得分：1)
您可以使用：
/* Shorthand */
border-image:url('top.png') url('right.png') url('bottom.png') url('left.png');
或者漫长的道路：
/* Long way */
border-top-image:url('...');
border-right-image:url('...');
border-bottom-image:url('...');
border-left-image:url('...');
答案 1 :(得分：1)
似乎无法为border-image属性使用多个图像。
但是，您仍然可以使用border-image，您只需创建一个包含所有四个边的图像。
请看这里的示例：http://www.w3.org/TR/css3-background/#border-images
border-image获取图片的网址，然后获取四个尺寸，应该使用多少图像切片。
第一个值用于左上角，第二个值用于右上角，依此类推。
使用
border-image: url("border.png") 20 20 20 20 repeat;
将对div左上角的左上角20x20像素进行切割，对于div的右上角为右上角20x20，依此类推。