W3.CSSLesson 10Preview gratis
W3.CSS Buttons
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Tombol dalam W3.CSS dibuat dengan menambahkan class w3-button pada elemen seperti <a> atau <button>, lalu diberi warna seperti w3-blue atau w3-red. Ukuran, bentuk, dan efek hover diatur lemah lewat class seperti w3-large, w3-round, w3-block, dan w3-hover-*. Gabungan ini membuat tombol konsisten di seluruh halaman.
Poin kunci
- w3-button mengubah elemen biasa menjadi tombol bergaya konsisten
- Warna ditambahkan dengan class seperti w3-blue, w3-red, atau w3-black
- Ukuran memakai w3-small, w3-large, dan w3-mobile
- w3-block membuat tombol selebar kontainer, w3-round membulatkan sudut
- w3-hover-<warna> mengubah warna saat kursor di atas tombol
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.