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

CSS3 มุมโค้งมน


มุมโค้งมน CSS3 ใช้เพื่อเพิ่มมุมสีพิเศษให้กับเนื้อหาหรือข้อความโดยใช้คุณสมบัติ border-radius

ไวยากรณ์ง่าย ๆ ของมุมโค้งมนมีดังนี้ −

#rcorners {
   border-radius: 60px/15px;
   background: #FF0000;
   padding: 20px;
   width: 200px;
   height: 150px;
}

ตารางต่อไปนี้แสดงค่าที่เป็นไปได้สำหรับมุมโค้งมนดังนี้:

ค่า
คำอธิบาย
border-radius

ใช้องค์ประกอบนี้เพื่อตั้งค่าคุณสมบัติรัศมีเส้นขอบสี่อัน
border-top-left-radius

ใช้องค์ประกอบนี้เพื่อกำหนดเส้นขอบของมุมซ้ายบน
border-top-right-radius

ใช้องค์ประกอบนี้เพื่อกำหนดเส้นขอบของมุมบนขวา
border-bottom-right-radius

ใช้องค์ประกอบนี้เพื่อกำหนดเส้นขอบของมุมล่างขวา
border-bottom-left-radius

ใช้องค์ประกอบนี้เพื่อกำหนดเส้นขอบของมุมล่างซ้าย