CARA MEMBUAT GARIS KOTAK DI BLOG

Untuk membuat suatu garis kotak atau yang biasa disebut border adalah dengan cara menambahkan kode seperti dibawah ini.

Langkah-langkah   :

1.  Buka tab Rancangan
2. Pilih elemen laman lalu tambah Gadget 
3.  Pilih add HTML/javascript.

Lalu pilih salah satu dari kode di bawah ini dan kamu akan melihat hasilnya    ;

1. <div style="width:200px;height:100px;border:1px solid blue;">Teks anda dengan border solid</div>

jadilah seperti ini :

 

Teks anda dengan border solid

 

2. <div style="width:200px;height:100px;border:2px dotted blue;">Teks dengan border dot</div>

Jadilah seperti ini : 

Teks dengan border dot

3. <div style="width:200px;height:100px;border:2px dashed blue;">Teks dengan border dash</div>

Jadilah seperti ini :

Teks dengan border dash

 

4. <div style="width:200px;height:100px;border-width:6px;border-color:blue;border-style:dotted dashed solid double;">Teks dengan burder yang multiple</div>

Jadilah seperti ini :

Teks dengan burder yang multiple

atau bisa juga mengatur border dengan kode ini :

5. <div style="width:222px; border:solid; border-top-width:1px; border-left-width:1px; border-right-width:1px; border-bottom-width:1px; border-color:#000000 ">isi border</div>

Jadilah seperti ini :

isi border

Silahkan mencoba ...


contoh lainnya :
<table width="300" border="9">
<tr>
<td bgcolor="red">

Contoh

</td>
<td bgcolor="yellow">

Contoh juga denk

</td>
</tr>
</table>

seperti ini hasilnya

Contoh

Contoh juga denk