so today i was creating this cool website, and i wanted to make the border rounded instead of the default squared lines.

for example i have this code:

<div style="border: 1px solid #CCC;padding:10px;width:300px;">Hello, Webune has great tutorials!</div>

the above code will look like this:
Hello, Webune has great tutorials!

to make the border rounds, you can use the border-radius property like this:
<div style="border: 1px solid #CCC;border-radius: 15px;-moz-border-radius: 15px;padding:10px;width:300px">Hello, Webune has great tutorials!</div>

Hello, Webune has great tutorials!

NOTE: i have tested this to work on mozilla firefox. i also tested on internet explorer 8 and it doest NOT work.

it works on firefox, but only if i use the -moz-border-radius

here is a snapshot of how it looks:

to try it