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

การกำหนดขอบมุมซ้ายล่างด้วย CSS


ใช้คุณสมบัติ border-bottom-left-radius เพื่อกำหนดขอบของมุมซ้ายล่าง คุณสามารถลองรันโค้ดต่อไปนี้เพื่อนำคุณสมบัติ border-bottom-left-radius ไปใช้ได้

ตัวอย่าง

<html>    <head>       <style>          #rcorner {             border-radius: 25px;             border-bottom-left-radius: 45px;             background: blue;             padding: 20px;             width: 200px;             height: 150px;          }       </style>    </head>    <body>       <p id = "rcorner">Rounded corners!</p>    </body> </html>