Tuesday, March 9, 2010

CSS belajar

         Awal dari css (cascading style sheets) guna untuk memperluas pengetahuan HTML, selain itu css juga bagus  dalam mempercantik suatu halaman Html, css bisa di Internal dan external, intenal berada di dalam html itu sendiri, sedangkan external berada di luar html, cara kerjanya di lakukan pemanggilan link. css mempunya banyak fungsi,,,
        mari kta coba pakai css, css disini saya menggunakan external melalu pemanggilan link,
nich Css nya


A{ color:#FFFFFF;
text-decoration:none;
background-image:url(ada.jpg);
50% 50% no-repeat;
padding:0.5em;
margin:0.5em;
display:block;}

B{
color:white;
text-decoration:none;
background-image:url(ada.jpg);
padding:0.5em;
margin:0.5em;
display:block;
}

C{color:white;

background-image:url(ada.jpg);
padding:0.5em;
margin:0.5em;
display:block;
text-decoration:none;
}

D{color:white;

background-image:url(ada.jpg);
padding:0.5em;
margin:0.5em;
display:block;
text-decoration:none;
}

setelah itu simpan dengan nama link_tbganti.css.css agar nanti bisa di panggil dengan nama seperti itu dan tidak ada kesalahan
css diatas kita buat di luar html. di dalam file css tersendiri, sedangkan mengunakannya kita perlu membuat html,

ini html yang memanggil Css
<html >
<head><link rel="stylesheet" type="text/css" href="link_tbganti.css.css"/>
<title>css</title>
</head>
<body><center>
<table width="401" border="0">
  <tr>
    <td width="101"><A>HOME</A></td>
    <td width="100"><B>PROFILE</B></td>
    <td width="89"><C> BUY</C></td>
    <td width="93"><D>NOMER</D></td>
  </tr>
</table>
</center>
</body>
</html>
setalah di panggil dengan <head><link rel="stylesheet" type="text/css" href="link_tbganti.css.css"/> maka hasilnya seperti di gambar bawah ini,,,

0 comments:

Post a Comment

Jangan Komentar SPAM