css button rounded corners

How to create a Button with Rounded Corners using CSS

In CSS3 you can give elements rounded corners with the border-radius property. Let’s look at an example of this. Suppose you have the following markup. <div class="red_div"></div> To make the div visible, we’ll set its width and height and give it a background color of red. .red_div { background-color: red; width: 200px; height: 100px; } The following is the resulting output of the above. To make the div’s borders rounded, you could add the following styling:

Continue Reading →