Jika Sobat Hendak membuat script dengan background yang nantinya akan Anda posting,
Langsung aja neh caranya :
Border berwarna dan jenis-jenis garis bordernya :
Solid Border :
<div style="border: 2px #006400 solid; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>
Ridge Border :
<div style="border: 2px #006400 ridge; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>
Grove Border :
<div style="border: 2px #006400 groove; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>
Insert Border :
<div style="border: 2px #006400 inset; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>
Outset Border :
<div style="border: 2px #006400 outset; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>
Double Border :
<div style="border: 2px #006400 double; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>
Dotted Border :
<div style="border: 2px #006400 dotted; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>
Dashed Border :
<div style="border: 2px #006400 dashed; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>
Border dengan scroll, lebar dan tinggi :
<div style="border: 2px #006400 solid; padding: 10px; background-color: #CEF6F5; overflow: auto; height: 50px; width: 300px; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>
Keterangan :
Pada TULIS SCRIPT/KODENYA DISINI silahkan tulis kode script yang Sobat inginkan.
Untuk background color silahkan ganti dengan warna kesukaan Sobat.
Tidak ada komentar:
Posting Komentar
Catatan:
Link hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS DI SINI...</i>