CSS border-radius शॉर्टहैंड प्रॉपर्टी का उपयोग करके एक साथ चारों कोनों की त्रिज्या सेट करें।
उदाहरण
<html> <head> <style> #rcorner { border-radius: 25px; background: #85C1E9; color: white; padding: 20px; width: 200px; height: 250px; } </style> </head> <body> <p id = "rcorner">Rounded corners!</p> </body> </html>
व्याख्या: border-radius: 25px सभी चार कोनों को 25px त्रिज्या से गोल करता है। आप अलग-अलग मान देकर प्रत्येक कोना अलग-अलग गोल कर सकते हैं (उदाहरण: border-radius: 10px 20px 30px 40px)।
