UTILS.
เป็นส่วนตัวตั้งแต่เริ่ม
⬭

เครื่องมือสร้าง CSS Border Radius

ปรับรัศมีแต่ละมุมพร้อมพรีวิวสดและคัดลอก CSS ได้ทันที

ไฟล์ของคุณอยู่ในอุปกรณ์นี้

ไฟล์ประมวลผลในเบราว์เซอร์และไม่ถูกอัปโหลด เว็บไซต์จะดาวน์โหลดโค้ดและทรัพยากรที่จำเป็นต่อเครื่องมือ ไม่ต้องมีบัญชีและไม่มีตัวติดตาม

ใช้ปุ่มดาวน์โหลดเพื่อบันทึกเครื่องมือนี้เป็นไฟล์ HTML ไฟล์เดียวสำหรับใช้ออฟไลน์

ความเป็นส่วนตัว →

เกี่ยวกับเครื่องมือนี้

ปรับให้แต่ละมุมของกล่องโค้งมนได้อย่างอิสระด้วยแถบเลื่อนสี่ตัว แล้วคัดลอกกฎ border-radius ที่ได้ พรีวิวอัปเดตทันทีในเบราว์เซอร์ของคุณทั้งหมด

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

มุมต่าง ๆ ถูกเขียนเรียงตามลำดับใด?
รูปแบบย่อจะเรียงตามเข็มนาฬิกาเริ่มจากมุมบนซ้าย: บนซ้าย, บนขวา, ล่างขวา แล้วจึงล่างซ้าย
ทำให้เป็นวงกลมได้ไหม?
ตั้งค่าทุกมุมให้เท่ากับครึ่งหนึ่งของความกว้างองค์ประกอบ (หรือมากกว่า) บนกล่องสี่เหลี่ยมจัตุรัส แล้วมันจะกลายเป็นวงกลมที่สมบูรณ์แบบ

เครื่องมือเพิ่มเติม