.t {background: url(../images/css-box/dot.gif) 0 0 repeat-x}
.b {background: url(../images/css-box/dot.gif) 0 100% repeat-x}
.l {background: url(../images/css-box/dot.gif) 0 0 repeat-y}
.r {background: url(../images/css-box/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/css-box/bl.gif) 0 100% no-repeat}
.br {background: url(../images/css-box/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/css-box/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/css-box/tr.gif) 100% 0 no-repeat; padding:10px}