Page 30 - WP YAMIN - MTI CANDUANG
P. 30
Bengkel Internet PENS-ITS : Cascading Style Sheets
VIII. PENGATURAN TABEL background-color : #E6E6FA;
border-width: 1px ;
Yang perlu diperhatikan adalah border-style:solid;
pengaturan border, padding dan margin suatu border-color :blue ;
tabel. font-size: 9pt;
1. Pengaturan padding }
<HTML>
<HEAD> File html yang akan memanggil file css
<TITLE>Pengaturan Padding Table</TITLE> <HTML>
<style type="text/css"> <HEAD>
td.kiri{ <TITLE>Pengaturan Table spec</TITLE>
padding-top: 2cm; <LINK REL="STYLESHEET"
padding-right: 2cm; TYPE="text/css"
padding-bottom: 2cm; HREF="table_specbody.css">
padding-left: 2cm ;
background-color : #F0F8FF; </HEAD>
} <BODY>
</style> <table width="468" border="0"
</HEAD> cellpadding="5" cellspacing="0" >
<BODY> <tr>
<TABLE BORDER="1"> <th width="112" >Nama Computer</th>
<TR> <th width="91">Prossesor</th>
<TD class="kiri">Pading dengan jarak 2cm <th width="96">Ram</th>
dari kiri,atas,kanan,dan bawah</TD> <th width="137" >System Operasi</th>
<TD>Tanpa jarak </TD> </tr>
</TR> <tr>
</TABLE> <td>Clnt-1</td>
</BODY> <td >IP 4 1,8 Ghz</td>
</HTML> <td >10 GB</td>
<td >Redhat Linux</td>
2. Menggunakan file css untuk mempercantik </tr>
pembuatan tabel. <tr>
<td >Clnt-2</td>
File table_specbody.css <td >IP 2 Ghz C</td>
/* CSS Document */ <td >6 GB</td>
<td >Mandrake Linux</td>
TH { </tr>
color : #FFFFFF; <tr>
background-color : #336699; <td >Clnt-2</td>
border-width: 1px ; <td >XP 2000+ </td>
border-style:solid; <td >20 GB</td>
border-color :red ; <td>Windows</td>
font-size: 9pt; </tr>
} </table>
TD { </BODY>
color : red; </HTML>
8
