<style>
.top {
background: #9B8448 url(t.jpg) top repeat-x;
}
.top .top1 {
background: url(r.jpg) right repeat-y;
.top .top1 .top2 {
background: url(b.jpg) bottom repeat-x;
.top .top1 .top2 .top3 {
background: url(l.jpg) left repeat-y;
.top .top1 .top2 .top3 .top4 {
background: url(t-l.jpg) top left no-repeat;
.top .top1 .top2 .top3 .top4 .top5 {
background: url(t-r.jpg) top right no-repeat;
.top .top1 .top2 .top3 .top4 .top5 .top6 {
background: url(b-r.jpg) bottom right no-repeat;
.top .top1 .top2 .top3 .top4 .top5 .top6 .top7 {
background: url(b-l.jpg) bottom left no-repeat;
</style>
<div class="top">
<div class="top1">
<div class="top2">
<div class="top3">
<div class="top4">
<div class="top5">
<div class="top6">
<div class="top7">
text
</div>
