เครื่องกำเนิดรัศมีชายแดน
ควบคุมแต่ละมุมอย่างอิสระและดูตัวอย่างรูปร่างโค้งมน คัดลอก CSS รัศมีเส้นขอบแบบชวเลขหรือแบบยาว
Border Radius Generator
LiveCSS output
border-radius: 24px;
Key capabilities
- ควบคุมแต่ละมุมอย่างอิสระและดูตัวอย่างรูปร่างโค้งมนด้วย CSS ที่พร้อมทำสำเนา
- ทำงานในเบราว์เซอร์ของคุณ
- ใช้งานได้ฟรี
วิธีใช้
- ลากรัศมีแต่ละมุม
- ปลดล็อคมุมที่เชื่อมโยงหรือไม่ก็ได้
- คัดลอก CSS รัศมีเส้นขอบ
How this tool works
- ลากรัศมีแต่ละมุม
- ปลดล็อคมุมที่เชื่อมโยงหรือไม่ก็ได้
- คัดลอก 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
เครื่องมือที่เกี่ยวข้อง
Box Shadow Generator
Design layered box-shadows with offset, blur, spread, and color — live preview included.
Open toolCSS Clip Path Generator
Build polygon and shape clip-paths with an interactive preview.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open tool