Rounded corner generator
Test output - variable width/height
Options
All corners
Radius (all corners):
px
Custom corners
Top-left:
px
Top-right:
px
Bottom-left:
px
Bottom-right:
px
Background color:
Border width:
px
Border color:
Expected color behind box (leave empty if not solid):
Output
Note:
The CSS output can be safely used to work in all browsers but IE (provided you use a solid color behind this box)
CSS output
SVG output
CSS with SVG output