รัศมีชายแดนเครื่องกําเนิด
เครื่องมือสร้าง 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
สร้างเลย์เอาต์ Flexbox ที่สมบูรณ์แบบ
แสดงภาพ ปรับแต่ง และสร้างโค้ดเฟล็กซ์บ็อกซ์ CSS ด้วยอินเทอร์เฟซแบบลากและวางที่ใช้งานง่ายของเรา
ตัวแปลงสไตลัสเป็น CSS
แปลงโค้ด SCSS ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย
ตัวแปลง SCSS เป็น CSS
แปลงโค้ด SCSS ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย
เครื่องสร้างปุ่ม CSS ฟรี
Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.
ข้อความเป็น ASCII
แปลงข้อความเป็นรหัส ASCII ได้อย่างง่ายดาย
ตัวแปลง CSS เป็น SCSS
แปลงโค้ด CSS ของคุณเป็น SCSS ด้วยตัวแปร การซ้อน และอื่นๆ รวดเร็ว ง่ายดาย และปลอดภัย