Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

การกำหนดคุณสมบัติ Border Radius ทั้งหมดด้วย CSS


ใช้คุณสมบัติ border-radius เพื่อกำหนดคุณสมบัติ Border Radius ทั้งสี่มุม คุณสามารถลองรันโค้ดต่อไปนี้เพื่อนำคุณสมบัติ 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>