Membuat Tabel Warna Belang
Tabel banyak digunakan untuk menginformasikan sebuah informasi berbentuk daftar. Informasi akan terlihat menarik jika kita membuat tabel menjadi warna belang-belang/selang-seling. Selain itu kita juga bisa mengatur background, warna border, tebal border, jenis border, dan lain-lain.Kita hanya menambahkan kode CSS pada dokumen html. berikut kode HTML dan CSS membuat tabel warna belang :
<html>
<head>
<title>belang</title>
</head>
<style type="text/css">
table{ font: 11px Arial Helvetica, sans-serif; color: #000; border-collapse: collapse; border-spacing: 0; border:0px solid #333;}
table th { color: #fff; background-color:#555; font-size:15px; padding:2px 5px; }
table td { font-size: 12px; text-align:left; padding: 7px 7px; background-color: #2ae857; border:3px solid #ffffff;}
table tr:nth-child(odd) td { background-color: #ae9de7; }
</style>
<body>
<table>
<tr>
<th>No</th>
<th>Judul</th>
</tr>
<tr>
<td>1</td>
<td>AAAAABBBBBCCCCCDDDDD [-_-]</td>
</tr>
<tr>
<td>2</td>
<td>AAAAABBBBBCCCCCDDDDD [@_@]</td>
</tr>
<tr>
<td>3</td>
<td>AAAAABBBBBCCCCCDDDDD [T_T]</td>
</tr>
<tr>
<td>4</td>
<td>AAAAABBBBBCCCCCDDDDD [*_*]</td>
</tr>
</table>
</body>
</html>
Jadinya :
kurang ada tambahan warna lainnya gak ?!
ReplyDeletekurang Gnati Tamplet nya bang SEO
ReplyDelete