Kode CSS Table, Bikin Web Makin Keren

Oleh Agungnesia Juli 01, 2023 Posting Komentar

Kode CSS tabel berikut ini bakal membuat tampilan tabel di halaman web terlihat makin keren.

Table tidak hanya berupa garis-garis saja, namun ada combinasi warna abu-abu yang selang seling gara-gara pakai table CSS kode berikut ini.

Cara pasang kode table CSS ini pun mudah, yaitu cukup masuk ke bagian tema website lalu Custumize tema tersebut.

Selanjutnya cari bagian CSSnya, nah disitu tinggal paste kode CSS tablel berikut ini.

th {
background-color: #4CAF50;
color: white;
}
tr:nth-child(even) {background-color: #f2f2f2;}
table {
border: 0px solid black;
}
td {
height: 50px;
vertical-align: center;
}
tr:hover {background-color: #blue;}th {
background-color: #4CAF50;
color: white;
}
tr:nth-child(even) {background-color: #f2f2f2;}
table {
border: 0px solid black;
}
td {
height: 50px;
vertical-align: center;
}
tr:hover {background-color: #blue;}