Border Radius Generator | CSS Border Radius Tool
Visual CSS Border Radius generator with individual corner control.
20px
Border Properties
2px
Preview
CSS Code
border-radius: 20px 20px 20px 20px; border: 2px solid #3b82f6;
How to Use
- Use the 'All Corners' slider to adjust all corners simultaneously, or adjust each corner individually.
- You can also customize the border width, style, and color.
- The preview updates in real-time.
- Copy the generated CSS code to use in your project.
About Border Radius
border-radius
The border-radius property defines the radius of the element's corners.
Individual Corners
You can specify different values for each corner: top-left, top-right, bottom-right, and bottom-left.