What is CSS border-radius?

border-radius is a CSS property that rounds the corners of an element's outer border. You can set different radii for each corner.

Can I set different radius for each corner?

Yes, use the individual corner controls or set all corners at once with the linked toggle.

Copy the generated CSS code and paste it into your stylesheet or inline style attribute.

टूल्स

Generate CSS border-radius visually. Preview and copy code instantly.

All Corners16px

Box Color

Background

ग्रेडिएंट जनरेटर

CSS के लिए ग्रेडिएंट बनाएँ

बॉक्स शैडो

सुंदर CSS बॉक्स शैडो बनाएँ

ग्लासमॉर्फ़िज़्म

फ्रॉस्टेड ग्लास CSS प्रभाव

कलर पिकर

रंग चुनें और HEX, RGB, HSL कन्वर्ट करें

CSS जनरेटर

विभिन्न CSS प्रभाव जनरेट करें

कलर कंट्रास्ट

WCAG मानकों के अनुसार टेक्स्ट पठनीयता जांचें