Download

Jumat, 17 April 2015

Border (Garis) CSS

Border merupakan garis, biasanya sering digunakan untuk membuat frame atau pembatas antar konten. Ada beberapa macam border yang bisa anda gunakan, berikut contohna :

border.html
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Border</title>
  5. <style>
  6. .none {border-style: none;}
  7. .dotted {border-style: dotted;}
  8. .dashed {border-style: dashed;}
  9. .solid {border-style: solid;}
  10. .double {border-style: double;}
  11. .groove {border-style: groove;}
  12. .ridge {border-style: ridge;}
  13. .inset {border-style: inset;}
  14. .outset {border-style: outset;}
  15. .hidden {border-style: hidden;}
  16. </style>
  17. </head>
  18. <body>

  20. <p class="none">No border.</p>
  21. <p class="dotted">A dotted border.</p>
  22. <p class="dashed">A dashed border.</p>
  23. <p class="solid">A solid border.</p>
  24. <p class="double">A double border.</p>
  25. <p class="groove">A groove border.</p>
  26. <p class="ridge">A ridge border.</p>
  27. <p class="inset">An inset border.</p>
  28. <p class="outset">An outset border.</p>
  29. <p class="hidden">A hidden border.</p>

  31. </body>
  32. </html>
CSS Border
selamat bereksplorasi 


Posted by at
Labels:

Tidak ada komentar:

Posting Komentar