Cara Membuat Bingkai Garis

Membuat Bingkai Garis sederhana sepertinya bagus untuk mempercantik Blogspot kita. Bingkai garis sederhana dapat ditempatkan dimana kita suka dan dapat kita atur tata letaknya, demikian juga dengan latar belakang atau background nya bisa kita berikan warna yang kita sukai.

Di bawah ini ada beberapa jenis bingkai yang tersedia sekalian dengan contoh dan kode nya ,tinggal mengcopy kode dan copas ke postingan atau boleh juga buat edit html java script.

1. Solid

kode nya :

<div style="border: 1px solid #000000; background-color:#00CCFF; padding: 5px; width: auto;">

Text Kita Disini

</div>

Text Kita Disini

2. Dotted

kode nya :

<div style="border: 1px dotted #000000; background-color:#00CCFF; padding: 5px; width: auto;">

Text Kita Disini

</div>

Text Kita Disini

3. Double

kode nya :

<div style="border: 4px double #000000; background-color:#00CCFF; padding: 5px; width: auto;">

Text Kita Disini

</div>

Text Kita Disini

4. Groovekode nya :

<div style="border: 4px groove #000000; background-color:#00CCFF; padding: 5px; width: auto;">

Text Kita Disini

</div>

Text Kita Disini

5. Outset

Kode nya:

<div style="border: 4px outset #000000; background-color:#00CCFF; padding: 5px; width: auto;">

Text Kita Disini

</div>

Text Kita Disini

6. Ridge

Kode nya:

<div style="border: 4px ridge #000000; background-color:#EFF0EE; padding: 5px; width: auto;">

Text Kita Disini

</div>

Text Kita Disini

Untuk Penjelasan nya:

Kode

<div style="border: 4px ridge #000000; background-color:#EFF0EE; padding: 5px; width: auto;">
Text Kita Disini
</div>

Cara Memodif nya :

• background-color: #00CCFF untuk merubah warna latar bingkai
• width: auto untuk lebar bingkai..bisa sobat rubah sesuai kebutuhan bisa 400px,500px ataupun dengan auto karena bingkai akan menyesuaikan dengan lebar halaman yang akan di tempati. 
• Text Kita Disini, tempat kita menyisipkan tulisan,gambar maupun kode script.

Demikian Postingan Cara Membuat Bingkai Garis ini.

Semoga manfaat.