เครื่องกำเนิดรัศมีชายแดน

ควบคุมแต่ละมุมอย่างอิสระและดูตัวอย่างรูปร่างโค้งมน คัดลอก CSS รัศมีเส้นขอบแบบชวเลขหรือแบบยาว

Border Radius Generator

Live

CSS output

border-radius: 24px;

Key capabilities

  • ควบคุมแต่ละมุมอย่างอิสระและดูตัวอย่างรูปร่างโค้งมนด้วย CSS ที่พร้อมทำสำเนา
  • ทำงานในเบราว์เซอร์ของคุณ
  • ใช้งานได้ฟรี

วิธีใช้

  1. ลากรัศมีแต่ละมุม
  2. ปลดล็อคมุมที่เชื่อมโยงหรือไม่ก็ได้
  3. คัดลอก CSS รัศมีเส้นขอบ

How this tool works

  1. ลากรัศมีแต่ละมุม
  2. ปลดล็อคมุมที่เชื่อมโยงหรือไม่ก็ได้
  3. คัดลอก CSS รัศมีเส้นขอบ

Recommended settings

  • ใช้ตัวเลือกเริ่มต้นก่อน จากนั้นจึงปรับเปลี่ยนหากจำเป็น

Supported formats

Text / on-page input

File size and limits

  • การดูตัวอย่างหลายเลเยอร์ที่ซับซ้อนมากอาจรู้สึกช้าลงในโทรศัพท์รุ่นเก่า

Privacy

ตัวสร้างสีและ CSS ทำงานทั้งหมดในเบราว์เซอร์ของคุณ การดูตัวอย่างและการแปลงไม่เคยอัปโหลดสไตล์ของคุณ

Common use cases

  • ใช้ Border Radius Generator ทุกครั้งที่คุณต้องการ: ควบคุมแต่ละมุมอย่างอิสระ และดูตัวอย่างรูปทรงโค้งมนด้วย CSS ที่พร้อมทำสำเนา

Troubleshooting

การแสดงตัวอย่างดูแตกต่างออกไปหลังจากวาง

ตรวจสอบ CSS ที่แข่งขันกันบนเพจของคุณ (รีเซ็ต, สีที่สืบทอดมา) คัดลอกกฎที่สร้างขึ้นลงในสไตล์ชีตแบบแยกก่อน

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

สิ่งนี้อัปโหลด CSS ของฉันหรือไม่

ไม่ ตัวสร้างและตัวแปลงทำงานในเบราว์เซอร์ของคุณพร้อมการแสดงตัวอย่างแบบสด

ฉันจำเป็นต้องมีบัญชีหรือไม่?

ไม่ เปิดเครื่องมือ ปรับแต่งการควบคุม และคัดลอก CSS

เครื่องมือที่เกี่ยวข้อง