คุณสมบัติ CSS border-radius มุมโค้ง

ใช้คุณสมบัติ border-radius เพื่อตั้งค่าคุณสมบัติ 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">Rounded corners!</p>    </body> </html>.