Cara membuat border pada postingan

syihab22.blogspot.com

 1. Masuk ke blog anda
 2. Pilih Entri baru
 3. Saat sudah dihalaman postingan, pilih HTML bkn compose
     Berikut contoh sekaligus kode nya :
Bentuk 1 :

<div style="border: 1px #000000 solid; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

Bentuk 2 :

<div style="border: 1px #000000 dotted; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

Bentuk 3 :

<div style="border: 1px #000000 dashed; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

Bentuk 4 :

<div style="border: 2px #000000 solid; padding: 10px; background-color: #CEF6CE; overflow: auto; height: 50px; width: 300px; text-align: left;"> isi tulisan yang tampil dalam border </div>

KETERANGAN :
1. Warna biru= Tebal border/garis
2. Warna merah= Warna border
3. Warna pink= Jarak bagian dalam border dengan body
4. Warna orange= Warna background
5. Warna hijau= Tinggi kotak
6. Warna abu-abu= Lebar kotak


Selesai...selamat mencoba, jangan lupa di follow ya!!terima kasih