W3.CSSLesson 41Preview gratis
W3.CSS Round
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Halaman Round membahas cara membulatkan sudut elemen agar tampilan lebih lembut dan modern. W3.CSS menyediakan kelas .w3-round beserta varian radius yang lebih besar, serta .w3-circle untuk membuat gambar berbentuk lingkaran sempurna. Di balik kelas-kelas itu bekerja properti CSS standar bernama border-radius.
Poin kunci
- Properti border-radius mengatur besar sudut melengkung sebuah elemen
- .w3-round memberi radius kecil, sedangkan varian besar menambah kelengkungan
- .w3-circle membuat gambar atau kotak berbentuk lingkaran penuh
- Radius 100% pada kotak berukuran sama panjang menghasilkan lingkaran
- Bulatkan sudut elemen interaktif seperti tombol agar terlihat ramah
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.