CSS3 Multiple backgrounds使用实例页面

CSS代码：

.backgrounds{
    width:270px;
    height:160px;
    line-height:160px;
    text-align:center;
    background-image:url(../image/border.png), url(../image/border.png), url(../image/border.png);
    background-position:-54px top, -54px -54px, -54px 133px;
    background-repeat:repeat-y, repeat-x, repeat-x;
}
                

HTML代码：

<div class="backgrounds">81*81九宫格三方向铺出的效果</div>