Bagaimana cara membuat lingkaran?

Gunakan border-radius: 50% pada elemen dengan lebar dan tinggi yang sama. Pada persegi panjang, 50% menghasilkan elips, sedangkan nilai piksel yang besar menghasilkan bentuk pil dengan sisi lurus.

Apa arti garis miring pada border-radius?

Garis miring memisahkan radius horizontal dari radius vertikal, sehingga setiap sudut bisa berupa seperempat elips, bukan seperempat lingkaran. Bentuk blob organik memakai format ini.

Pembuat Border Radius

Bulatkan setiap sudut, beralih ke radius elips, dan seret titik kendali tepi untuk membentuk blob. Salin CSS border-radius atau kelas Tailwind.

Pratinjau langsung

Beralih ke % untuk membentuk bentuk dengan titik kendali tepi.

border-radius: 24px;

Semua data tetap di browser Anda.

Referensi format

MDN — border-radius

Halaman alat diperbarui: 2026-10-25

Pratinjau langsung

Panduan dan contoh

Alat terkait

Referensi format