Latihan 1: Border Radius — CSS
Latihan 1 dari materi Border Radius di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Ubah kotak oranye jadi lingkaran sempurna. Di aturan div { ... } yang sudah ada, tambahkan sebelum }:
Kotaknya persegi (160 × 160px), jadi 50% membulatkan sudutnya sampai jadi lingkaran.
Hint
- Lingkaran itu kotak persegi yang sudutnya dibulatkan sampai habis.
- Pakai properti border-radius di aturan div, dengan nilai persen: setengah dari ukuran kotaknya.
- div { width: 160px; height: 160px; background-color: orange; border-radius: 50%; }