Cara Membuat Kotak Untuk Code HTML

Kotak Code HTML adalah untuk tempat menaruh code script atau HTML supaya terlihat rapi,mempermudah,dan memperindah. Silahkan pilih code dibawah ini sesuai keinginan anda.

Ridge Border.
<div style="border: 2px #006400 ridge; padding: 10px; background-color: #E6E6FA; text-align: left;"> > TULISKAN KODE/SCRIPTNYA DISINI </div>

Solid Border.
<div style="border: 2px #006400 so;id; padding: 10px; background-color: #E6E6FA; text-align: left;"> > TULISKAN KODE/SCRIPTNYA DISINI </div>

Inset Border.
<div style="border: 2px #006400 inset; padding: 10px; background-color: #E6E6FA; text-align: left;"> > TULISKAN KODE/SCRIPTNYA DISINI </div>

Groove Border.
<div style="border: 2px #006400 groove; padding: 10px; background-color: #E6E6FA; text-align: left;"> > TULISKAN KODE/SCRIPTNYA DISINI </div>

Outset Border.
<div style="border: 2px #006400 outset; padding: 10px; background-color: #E6E6FA; text-align: left;"> > TULISKAN KODE/SCRIPTNYA DISINI </div>

Double Border.
<div style="border: 2px #006400 double; padding: 10px; background-color: #E6E6FA; text-align: left;"> > TULISKAN KODE/SCRIPTNYA DISINI </div>

Dashed Border.
<div style="border: 2px #006400 dashed; padding: 10px; background-color: #E6E6FA; text-align: left;"> > TULISKAN KODE/SCRIPTNYA DISINI </div>

Dotted Border.
<div style="border: 2px #006400 dotted; padding: 10px; background-color: #E6E6FA; text-align: left;"> &> TULISKAN KODE/SCRIPTNYA DISINI </div>

Border dengan scroll.
<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> >TULISKAN KODE/SCRIPTNYA DISINI</div>

Yang berwarna merah adalah Code Script HTML Anda
klik HTML ketika membuat kotak dengan code script di atas lalu Klik Compose ketika menulis code scriptnya anda dan Background Color dapat diganti sesukanya..

No comments :

ARTIKEL ACAK

Memuat...

Featured Post

Prediksi 10 Teknologi Tahun 2020

  Dunia memang terus berkembang dari Tahun ke Tahun hingga sampai saat ini kita hidup di zaman yang penuh dengan kecanggihan,dan itulah Ke...

Copyrights © 2015 infonyagratis.Desain Template by infonyagratis