Kamis, 03 Januari 2013

Script HTML Membuat Kotak

Toko Treninet Berkah
Advertisement (Klik Pada Gambar untuk Info Lebih Lanjut )

Baca Juga

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, Anda telah membaca Script HTML Membuat Kotak
Share This
Previous Post
Next Post

Terimakasih Anda telah membaca artikel, berita, materi, quiz dan lain-lain. Semoga bermanfaat bagi anda. Anda bebas copas dari web ini dengan mencantumkan link aslinya.

0 Comments:

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..