Question

I need to do a border for my website that looks like this one. The only way I know is to split the website with 9 div, such :

1 2 3

4 5 6

7 8 9

and create 8 images, respectively:

• top-left (on 1)
• top central (on 2)
• top-right (on 3)
• left (on 4)
• right (on 6)
• bottom-left (on 7)
• bottom-center (on 8)
• bottom-right (on 9)

The div 5 is attempt as main. But the whole strategy looks not so well-formed. Any tips? Thanks

Answer 1

You could use CSS3:

div {
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}

Example: http://jsfiddle.net/nsDRZ/1

Works i all modern browsers. For IE i recommended t0 use CSS3 Pie: http://css3pie.com/