rounded boarders using css

Hi all,

Does anyone know how to change the box boarders to rounded via css?

Many thanks in advance

ICED

Hmmmm I see your point there... and nice boarders (ie impulsivegirls). Did use css with html code (libnked to an image)? If so, did you put the html code within "templates/tmpl_XXX/designbox_border.html"


a sample of a code found on the net is

<div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr">
Lorem ipsum dolor sit amet consectetur adipisicing elit
</div></div></div></div></div></div></div></div>

And the CSS that makes our round corner border is:

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

Cheers

Thanks a million Sammie. I have learnt a hell of a lot from what you just put. Now I can try out more modifications.

Thanks again

Iced