#tabel1 th, #tabel1 td {
border: 1px solid black;
padding: 8px;
text-align: center;
}
#tabel1 th {
background-color: #4CAF50;
color: white;
}
#tabel1 tr:nth-child(even) {
background-color: #f2f2f2;
}
Kode CSS di atas mengatur tampilan tabel dengan ID “tabel1”. Border-collapse mengatur border antar sel menjadi satu. Lebar tabel diatur 100%. Sel yang berisi data dan header memiliki border 1px solid black dan padding 8px, serta text-align center. Header memiliki warna background #4CAF50 dan warna font putih. Setiap baris genap pada tabel memiliki warna background #f2f2f2.
Demikianlah artikel pembelajaran tentang cara membuat daftar dan tabel di HTML serta mengatur tampilannya dengan CSS. Semoga bermanfaat bagi pembaca.
Follow us on
