Download

Kamis, 16 April 2015

Selector Dengan Class dan ID CSS

Selain dengan menggunakan tag sebagai selector, kita juga bisa membuat selector dengan menggunakan atribut class dan id pada tiap tag. contoh sederhana

<p id="test"></p>
atau
<p class="test"></p>

untuk pembuatan stylenya jika id menggunakan tanda # dan class .

contoh

<style type="text/css">
#test {

 }
.test{

 }
</style>

idclass.html

  1. <html>
  2. <head>
  3. <title>Selector dengan Class</title>
  4. <style type="text/css">
  5. .inputText {
  6. color: #FFFFFF;
  7. font-family: arial;
  8. background: #FF0000;
  9. font-weight: bold;
  10. }
  11. /* membuat background merah */
  12. /* membuat text bold */
  13. </style>
  14. </head>
  15. <body>
  16. <form name="form1">
  17. Nama Anda <br />
  18. <input type="text" name="alamat" class="inputText" /><br /><br />
  19. Alamat Anda <br />
  20. <textarea class="inputText"></textarea><br /><br />
  21. <input type="submit" name="submit" value="Submit" />
  22. </form>
  23. </body>
  24. </html>
CSS


Posted by at
Labels:

Tidak ada komentar:

Posting Komentar