किसी तत्व के निचले-दाएं कोने को गोलाकार बनाने के लिए border-bottom-right-radius प्रॉपर्टी का उपयोग करें।
उदाहरण
<html> <head> <style> #rcorner { border-radius: 25px; border-bottom-right-radius: 90px; background: #F5CBA7; padding: 20px; width: 400px; height: 300px; } </style> </head> <body> <p id = "rcorner">Rounded border bottom corner!</p> </body> </html>
व्याख्या: border-radius: 25px सभी कोनों को 25px गोल करता है, लेकिन border-bottom-right-radius: 90px निचले-दाएं कोने को 90px तक ओवरराइड करता है, जिससे वह बहुत अधिक गोलाकार होता है।
