Script HTML Membuat Kotak

Udah Ngantuk sebenarnya.... tapi, gak papa lah ini yang bisa saya postkan,Oke, Sobat blogger yang saya hormati, dalam kesempatan kali ini saya akan membahas Membuat Kotak Kode Script/HTML Saat Memposting. Pasti diantara blogger" belum pada tau maupun bisa, untuk memperindah script  yang sobat posting. Coba kita langsung mempraktekan untuk membuat kotak script/html saat memposting, Silahkan pilih sesukamu :)

  • Solid Border.
<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div> 
  • Ridge Border.
<div style="border: 2px #006400 ridge; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>
  • Groove Border.

<div style="border: 2px #006400 ridge; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div> 

  • Inset Border.

<div style="border: 2px #006400 inset; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>  

  • Outset Border.

<div style="border: 2px #006400 outset; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>  
  • Double Border.


<div style="border: 2px #006400 double; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>
  • Dotted Border.
<div style="border: 2px #006400 dotted; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>
  • Dashed Border.
<div style="border: 2px #006400 dashed; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>
  • Border dengan scroll, lebar dan tinggi.
<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

sumber : http://www.m-azka.com/2011/04/membuat-kotak-kode-scripthtml-saat.html

Terima kasih telah membaca, mudah-mudahan apa yang anda baca ada manfaatnya. Dengan senang hati, jika anda berkomentar pada tempat yang disediakan dengan bahasa yang santun..

Posting Komentar

Terima kasih telah membaca, mudah-mudahan apa yang anda baca ada manfaatnya. Dengan senang hati, jika anda berkomentar pada tempat yang disediakan dengan bahasa yang santun..

Post a Comment (0)

Lebih baru Lebih lama