CSS border radius generator

♠ Posted by Merbin Joe in Tools at 11:31

The following border generator will generate the code depend on your action, like left border width, background color and etc. Finally you can Copy the code and write a class to get the generated style for your div.

     The following border generator will generate the code depend on your action, like left border width, background color and etc. Finally you can Copy the code and write a class to get the generated style for your div.

Options

All Corners px

Top Left px

Top Right px

Bottom Left px

Bottom Right px

Border Width px

Border Style

solid dotted dashed double groove ridge inset outset inherit hidden none

Border Color

color

Background Color

color

Preview

border-radius: 58px 111px 52px 52px;

-moz-border-radius: 58px 111px 52px 52px;

-webkit-border-radius: 58px 111px 52px 52px;

border: 0px solid #000000;