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

เครื่องมือสร้าง CSS รัศมีเส้นขอบเพื่อสร้างการประกาศ CSS รัศมีเส้นขอบอย่างรวดเร็ว

Preview

รัศมีเส้นขอบ

ปรับแต่งฉันเอง

เอาต์พุต CSS

รัศมีเส้นขอบ: 10px;

การควบคุมรัศมี

มุมส่วนบุคคล

10px
10px
10px
10px

รัศมีสม่ําเสมอ

10px

รูปร่างด่วน

Units

Presets

Square

โค้งมนเล็กน้อย

Rounded

Pill

Circle

โค้งมนด้านบน

ด้านล่างโค้งมน

โค้งมนซ้าย

วิธีใช้

การควบคุมพื้นฐาน

  • ปรับรัศมีมุมแต่ละมุมโดยใช้แถบเลื่อน
  • เชื่อมโยงรัศมีเพื่อปรับทุกมุมพร้อมกัน
  • ใช้ปุ่มรูปร่างด่วนสําหรับค่าที่ตั้งไว้ล่วงหน้าทั่วไป
  • Choose between pixels (px), percentages (%), and EM (em) units

คุณสมบัติขั้นสูง

  • บันทึกและโหลดค่าที่ตั้งไว้ล่วงหน้าเพื่อการเข้าถึงรูปร่างที่คุณชื่นชอบได้อย่างรวดเร็ว
  • Click รัศมีสุ่มเพื่อแรงบันดาลใจ
  • คัดลอกโค้ด CSS ที่สร้างขึ้นแล้ววางลงในโปรเจ็กต์ของคุณ
  • สลับโหมดมืดเพื่อการออกแบบยามดึกที่สะดวกสบาย

Related Tools

ตัวแปลงสไตลัสเป็น CSS

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

Less to CSS Converter

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

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

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

สร้างเลย์เอาต์ Flexbox ที่สมบูรณ์แบบ

แสดงภาพ ปรับแต่ง และสร้างโค้ดเฟล็กซ์บ็อกซ์ CSS ด้วยอินเทอร์เฟซแบบลากและวางที่ใช้งานง่ายของเรา

ตัวแปลงคําเป็นตัวเลข

แปลงตัวเลขที่เขียนเป็นตัวเลขที่เทียบเท่าในหลายภาษา

ตัวแปลงหน่วยความเร็ว

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