UTILS.
ทำงานในเบราว์เซอร์ 100%

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

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

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

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

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

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

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