เครื่องมือสร้างคอลัมน์ CSS ออนไลน์

สร้างและแสดงภาพฟังก์ชันการค่อยๆ CSS แบบกําหนดเอง

โหมดเค้าโครง

การตั้งค่ากริด

3
2
16px

การตั้งค่าทั่วไป

6
100px
4px

เลย์เอาต์ที่ตั้งไว้ล่วงหน้า

Preview

CSS ที่สร้างขึ้น

/* CSS for your column layout will appear here */
Copied!

เบรกพอยต์ที่ตอบสนอง

Related Tools

ตัวย่อขนาด CSS

บีบอัดและเพิ่มประสิทธิภาพโค้ด CSS ของคุณด้วยความแม่นยําระดับมืออาชีพ

สร้างการแปลง CSS3 ได้อย่างง่ายดาย

เครื่องมือที่ทรงพลังและใช้งานง่ายสําหรับการสร้างการแปลง CSS3 ที่ซับซ้อนโดยไม่ต้องเขียนโค้ด แสดงภาพการเปลี่ยนแปลงแบบเรียลไทม์และคัดลอก CSS ที่สร้างขึ้นเพื่อใช้ในโครงการของคุณ

Less to CSS Converter

แปลงโค้ด Less ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย

ตัวแปลงตัวเลขดิจิตอล

แปลงระหว่างระบบเลขฐานสอง ทศนิยม เลขฐานสิบหก และฐานแปดอย่างแม่นยํา

Generate dummy text for your designs

สร้างข้อความตัวยึดตําแหน่งที่สมจริงสําหรับเว็บไซต์ แอป และเอกสารของคุณด้วยตัวสร้าง Lorem Ipsum ของเรา

HSV เป็น HEX

แปลงรหัสสี HSV เป็นค่า HEX สําหรับการออกแบบเว็บ