Tulisan ini mencoba menjelaskan cara membuat bingkai tulisan / gambar yang tentunya bertujuan untuk membuat blog kita menjadi lebih manis dan teratur. Tidak ada salahnya kita mencoba trik ini. Cuman ada satu syarat dari membuat postingan bingkai tulisan ini, yaitu kita tidak boleh main copy paste, dijamin gambar bingkai seperti terlihat dibawah ini tidak akan terbentuk. Untuk membuat tulisan dan contoh hasil kita harus mengetik satu persatu dan sekaligus dites apakah tulisan kita tidak salah ketik sehingga menghasilkan hasil yang tepat. Jangan lupa untuk memasukkan script harus masuk dari Post ---> HTML, jangan dari Compose.
Silahkan dicoba...
BINGKAI BORDER
<div style="border: 1px solid #CCC; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color:#FBFBEE; text-align: left;">
</div>
MENCOBA BINGKAI BORDER
</div>
BINGKAI OVERFLOW
<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 100px; background-color: none; text-align: left;">
</div>
MENCOBA BINGKAI OVERFLOW
BINGKAI TITIK-TITIK (DOTTED)
<div style="overflow:no; width:100%px; height:100%px; border:6px dotted #8B0000; padding: 4px;">
</div>
MENCOBA BINGKAI TITIK-TITIK (DOTTED)
</div>
BINGKAI GARIS PUTUS-PUTUS
<div style="overflow:no; width:100%px; height:100%px; border:6px dotted #8B0000; padding: 4px;">
</div>
MENCOBA BINGKAI GARIS PUTUS-PUTUS
BINGKAI GARIS DOUBLE
<div style="overflow:no; width:100%px; height:100%px; border:6px ridge #8B0000; padding: 2px;">
</div>
MENCOBA BINGKAI GARIS DOUBLE
</div>
BINGKAI TEXTAREA
Tidak ada komentar:
Posting Komentar