เครื่องสร้าง CSS Border Radius — มุมโค้มมน

CSS border-radius เป็นหนึ่งใน CSS properties ที่ใช้กันมากที่สุด ตั้งแต่การ์ดที่มีมุมโค้มนิดหน่อยจนถึงวงกลมเต็มๆ Generator ให้ควบคุมแต่ละมุมอย่างอิสระ

ไวยากรณ์ Border Radius

Shorthand: border-radius: tl tr br bl (ตามเข็มนาฬิกา) ควบคุมเต็ม: border-top-left-radius: x y สำหรับมุมวงรี

การใช้งานทั่วไป

• โค้มเล็กน้อย (4–8px): การ์ด ปุ่ม
• โค้มมาก (16–24px): modal, tags
• Pill shape (50vw): capsule buttons
• วงกลมเต็ม (50%): avatars, icons