Border Radius Generator
Generate CSS border-radius with visual preview
tools.borderRadiusGenerator.title
tools.borderRadiusGenerator.description
border-radius: 10px 10px 10px 10px;10px / 10px / 10px / 10px
Buat sudut bulat dengan Penjana Radius Sempadan kami. Reka bentuk nilai jejari sempadan CSS tersuai secara visual dan salin kod serta-merta untuk projek web anda.
Key Features
Pratonton visual kesan jejari sempadan
Kawalan bebas untuk setiap sudut (kiri atas, kanan atas, kanan bawah, kiri bawah)
Penjanaan kod CSS masa nyata
Fungsi salin ke papan keratan
Nilai jejari pratetap untuk pemilihan pantas
Pilihan sifat ringkas CSS dan individu
Penjana Jejari Sempadan
Laraskan Sudut
Gunakan peluncur untuk menetapkan nilai piksel untuk setiap sudut (kiri atas, kanan atas, kiri bawah, kanan bawah)
Lihat Pratonton
Lihat kesan jejari sempadan yang digunakan pada elemen sampel dalam masa nyata
Salin CSS
Kod CSS dikemas kini secara automatik semasa anda melaraskan nilai
Tampal ke dalam Kod
Klik butang Salin CSS untuk menambah kod pada lembaran gaya anda
Terapkan pada Elemen
Gunakan CSS yang disalin dalam elemen HTML anda untuk membuat sudut bulat
Use Cases
Mencipta reka bentuk butang bulat moden
Mereka bentuk reka letak kad melengkung untuk komponen UI
Membina bingkai galeri imej tersuai dengan sudut bulat
Membangunkan elemen reka bentuk responsif dengan sempadan licin
Frequently Asked Questions
Untuk apa jejari sempadan digunakan?
Jejari sempadan mencipta sudut bulat pada elemen HTML menggunakan penggayaan CSS
Bolehkah saya membuat bulatan dengan jejari sempadan?
Ya, tetapkan lebar/tinggi yang sama dan gunakan jejari 50% untuk mencipta bulatan sempurna
Bagaimanakah cara saya menggunakan jejari yang berbeza pada setiap sudut?
Penjana membenarkan pelarasan bebas untuk setiap sudut menggunakan nilai berasingan
Adakah CSS serasi dengan semua penyemak imbas?
Ya, jejari sempadan disokong dalam semua penyemak imbas moden dan juga versi lama
Tool Information
Related Tools You Might Like
Color Palette Generator from Image
Extract dominant colors from an image
RGB/HEX Converter
Convert between RGB and HEX color formats
CSS Gradient Generator
Create custom CSS gradients with preview
WCAG Contrast Checker
Check color contrast according to WCAG standards
Digital Signature Generator
Create stylized digital signatures with different fonts
Box Shadow Generator
Generate CSS box shadows
Surfboard Volume Calculator
Calculate the perfect surfboard volume based on your weight, experience level, and wave conditions.
Wave Height Converter
Convert between different wave height measurements (face height, Hawaiian scale, ocean swell).
Scuba Dive Planner
Plan your scuba dive with depth limits, bottom time, and safety decompression requirements.