Cara membuat tabel dengan teknik css


Membuat tabel dengan teknik css

SCRIPT
------------------------------------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC >
<html>
<head>
<title>Tabel CSS</title>
<style type="text/css" >
th{background-color:#CCFF00; color:#FFFFFF;}
table{background-color:#FF99FF}
b {background-color:#CCFF00; text-align:center;color:#FFFFFF}
th{ font-weight:bold; font-family:"Courier New"}
td{ font-weight:bold; font-family:"Times New Roman", Times, serif; color:#FFFF66; text-align:center}
</style>
</head>

<body >
<table border="2" bgcolor="#33FFCC" cellpadding="1" cellspacing="1" width="100" height="100">
<tr>
<th rowspan="2" colspan="3">WARGA</th>
<th colspan="6"><b>KOTA</b></th>
</tr>
<tr>
<td> Klaten </td>
<td> Yogya </td>
<td> Solo </td>
<td> Wonogiri</td>
<td> Ponorogo</td>
<td >Malang</td>
</tr>

<tr>
<th rowspan="2" colspan="2"> JENIS KELAMIN</th>
<td> Pria </td>
<td> 30 </td>
<td> 20 </td>
<td> 30 </td>
<td> 22 </td>
<td> 19 </td>
<td> 9 </td>
</tr>

<tr>
<td> Wanita </td>
<td> 20 </td>
<td> 8 </td>
<td> 18 </td>
<td> 10 </td>
<td> 15 </td>
<td>    18 </td>
</tr>

</table>
</font>
</body>
</html>

------------------------------------------------------------------------------------------------------------
HASIL PADA BROWSER
------------------------------------------------------------------------------------------------------------











Begitulah cara membuat tabel dengan teknik css.......
jadi css itu terletak di dalam tag <head>.....</head>

Link ke AKAKOM

Artikel Terkait
This entry was posted in . Bookmark the permalink.

One Response to Cara membuat tabel dengan teknik css

  1. sangat bermanfaat sekali nih.. soalnya di sekolah juga belajar yan kaya gini.. terimakasih atas ilmunya.. nice post

    ReplyDelete