Cara Membuat Bingkai Pada Tulisan atau Gambar


Apabila sobat ingin membingkai setelah membuat beberapa tulisan atau gambar yang ditampilkan pada blog agar kelihatan sedikit rapi, sobat bisa mengikuti langkah-langkah yang saya bagikan ini, dibawah ini adalah  kode-kode untuk bingkai berbetuk Border dan Overflow
Sobat tinggal menambahkan kode ini diatas  kode tulisan sobat.
Berikut adalah kodenya:

Bingkai bentuk Border:
<div style="border: 1px solid #CCC; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color:#FBFBEE; text-align: left;">


Tulisan yang sudah kamu buat

</div>

 Bingkai bentuk Overflow:

<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 100px; background-color: none; text-align: left;">


Tulisan yang sudah kamu buat

</div>

Catatan: tulisan yang berwarna merah adalah isi dari tulisan atau kode postingan yang sobat sudah buat, dan untuk angka-angkanya  bisa di edit  sesuai dengan kebutuhan  sobat .



Tidak ada komentar:

Posting Komentar

tolong komentar yang diberikan berhubungan dengan artikel yang ada