CSS border-radius प्रॉपर्टी

चारों बॉर्डर-रेडियस प्रॉपर्टी सेट करने के लिए border-radius प्रॉपर्टी का उपयोग करें।

उदाहरण

<html>
  <head>
    <style>
      #rcorner {
        border-radius: 25px;
        background: #8AC007;
        padding: 20px;
        width: 200px;
        height: 150px;
      }
    </style>
  </head>
  <body>
    <p id="rcorner">राउंडेड कॉर्नर्स!</p>
  </body>
</html>

व्याख्या: border-radius: 25px सभी चारों कोनों को 25px त्रिज्या से राउंड करता है। आप अलग-अलग कोनों के लिए अलग-अलग मान भी दे सकते हैं: border-radius: 10px 20px 30px 40px; (टॉप-लेफ्ट, टॉप-राइट, बॉटम-राइट, बॉटम-लेफ्ट)।