How to make a rounded div

Question

How do you make the div so that the border angles are rounded?

Thanks everyone!

Answer 1

Here he is:

<style type="text/css"> div.test { width: 115px; padding: 10px; border: 2px solid #000; border-radius: 15px; -moz-border-radius: 15px; } </style> <div class="test">This is some text!</div> 

-SilverHorn

Answer 2

With CSS, add the code: border-radius: 10px .

I use 10px for example, but you can experiment with the number of pixels you like.

Answer 3

Use the border-radius property. The higher the indicated amount (usually in px ), the more your figure is rounded. Example:

 myDiv { border-radius:30px;} 

Hope this helps.

Answer 4

for example using css 3 here is an example

Answer 5

add this css:

 border-top-right-radius:15px; border-top-left-radius:15px; border-bottom-right-radius:15px; border-bottom-left-radius:15px;