Tutorial: Jenis Garisan Border

Assalamualaikum dan salam sejahtera,

Ada tujuh jenis border untuk mencantikkan entri seperti solid, dotted, ridge, dashed, double, groove, inset.

Belajar Jenis Garisan Border. Jom!

Cara:
- Dashboard > Post > New Post
- Pergi ke 'HTML'
- 'Paste' sahaja kod berikut pada bahagian yang dikehendaki.
- Pastikan kod diletakkan antara dua kod <br/>

1. Solid

<div style="border-bottom: 4px solid blue;"></div>

2. Dotted

<div style="border-bottom: 4px dotted blue;"></div>

3. Dashed

<div style="border-bottom: 4px solid blue;"></div>

4. Double

<div style="border-bottom: 4px solid blue;"></div>

5. Groove

<div style="border-bottom: 4px groove blue;"></div>

6. Inset

<div style="border-bottom: 4px inset blue;"></div>

UBAH KOD:
px - ketebalan border. Boleh tambah sampai 10px atau lebih pun boleh.
blue - boleh tukar warna lain seperti di bawah >>

solid green

solid red

solid pink

solid yellow

solid black

solid brown

solid purple

solid orange

BUAT DOUBLE?

TEKS ANDA

<div style="border-bottom: 4px solid green;">
</div>
<div style="border-bottom: 4px solid green; text-align: center;">TEKS ANDA</div>

Senang je kan?!

Terima kasih baca, sudi-sudilah komen :) .