Instant CSS
Tools
Templates
Components
Learn
More
Home
Tools
Border Radius
Border Radius Generator
circle
pill
organic
leaf
none
Horizontal Axis (%)
Top Left
25
Top Right
25
Bottom Right
25
Bottom Left
25
Vertical Axis (%)
Top Left
25
Top Right
25
Bottom Right
25
Bottom Left
25
Styling
Border Width
4px
Border Style
Solid
Dashed
Dotted
Double
Border Color
Box Color
Copy Code
border-radius: 25% 25% 25% 25% / 25% 25% 25% 25%; border: 4px solid #3b82f6;