สี & ดีไซน์

สร้าง CSS Border Radius

ปรับมุมโค้งทีละมุมแล้วคัดลอก CSS ปรับค่าแล้วเห็นผลทันที พร้อมคัดลอกโค้ดไปใช้ได้เลย

Preview

วิธีใช้

  1. ลากปรับรัศมีของแต่ละมุมตามต้องการ
  2. ดูผลลัพธ์ในกล่องตัวอย่างทันที
  3. คัดลอกโค้ด border-radius ไปใช้ในเว็บของคุณ

คำถามที่พบบ่อย

ทำวงกลมด้วย border-radius ยังไง?

ตั้งค่าเป็น 50% กับกล่องที่กว้างเท่ากับสูง จะได้วงกลมพอดี ถ้าสัดส่วนไม่เท่ากันจะได้วงรี

ค่าเป็น % ต่างจาก px ยังไง?

px คงที่เสมอ ส่วน % คิดจากขนาดของกล่อง จึงโค้งตามขนาดที่เปลี่ยนไป เหมาะกับงานที่ต้องยืดหยุ่นตามหน้าจอ

เจอปัญหา? แจ้งเครื่องมือนี้