ใช้คุณสมบัติ border-top-left-radius เพื่อตั้งค่าเส้นขอบของมุมซ้ายบน คุณสามารถลองรันโค้ดต่อไปนี้เพื่อนำคุณสมบัติ border-left-radius ไปใช้:
ตัวอย่าง
<html> <head> <style> #rcorner { border-radius: 25px; border-top-left-radius: 45px; background: green; padding: 20px; width: 200px; height: 150px; } </style> </head> <body> <p id="rcorner">Rounded corners!</p> </body> </html>.