Assalamualaikum wr. wb.
Pada kesempatan kali ini saya akan menjelaskan kegunaan dari Manipulasi Tabel pada CSS. Bentuk manipulasi pada tabel yang paling sering digunakan adalah memanipulasi border (garis tepi) tabel. Tabel berikut ini menampilkan property yang dapat digunakan untuk memanipulasi tabel.
Sebagai contoh, Buatlah file html dengan script sebagai berikut:
<html>
<head>
<title>css manipulasi tabel</title>
<style type="text/css">
td{
border-style : double;
border-color : black;
}
.biru{
border-color : blue;
border-style : dotted;
border-right-style : dashed;
border-left-style : dashed;
}
.merah{
border-color : red;
border-style : solid;
border-top-width : 5px;
border-bottom-width : 8px;
}
</style>
</head>
<body>
<h3>css manipulasi tabel</h3>
<hr>
<table width="100%">
<caption><h3>Daftar tim terbaik Italia</h3></caption>
<tr>
<td height="80">
Juventus
<tr>
<td class="biru" height="50">
Inter Milan
<tr>
<td class="merah">
AS Roma
</table>
</body>
</html>
<head>
<title>css manipulasi tabel</title>
<style type="text/css">
td{
border-style : double;
border-color : black;
}
.biru{
border-color : blue;
border-style : dotted;
border-right-style : dashed;
border-left-style : dashed;
}
.merah{
border-color : red;
border-style : solid;
border-top-width : 5px;
border-bottom-width : 8px;
}
</style>
</head>
<body>
<h3>css manipulasi tabel</h3>
<hr>
<table width="100%">
<caption><h3>Daftar tim terbaik Italia</h3></caption>
<tr>
<td height="80">
Juventus
<tr>
<td class="biru" height="50">
Inter Milan
<tr>
<td class="merah">
AS Roma
</table>
</body>
</html>
Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut:
Demikianlah sedikit penjelasan tentang bagaimana penggunaan Manipulasi Tabel pada CSS . Semoga bermanfaat, Salam
sukses...
0 comments: