cara membuat kotakan cantik pada post

Solid

<div style=”border: 1px solid #000000; background-color:#efefef; padding: 5px; width: 600px;”>
Artikel blog di sini….
</div>

Dotted

<div style=”border: 1px dotted #000000; background-color:#efefef; padding: 5px; width: 600px;”>
Artikel blog di sini….
</div>

Dashed

<div style=”border: 1px dashed #000000; background-color:#efefef; padding: 5px; width: 600px;”>
Artikel blog di sini….
</div>

Double

<div style=”border: 4px double #000000; background-color:#eaebfd; padding: 5px; width: 600px;”>
Artikel blog di sini….
</div>

Groove

<div style=”border: 4px groove #000000; background-color:#edfcf0; padding: 5px; width: 600px;”>
Artikel blog di sini….
</div>

Outset

<div style=”border: 4px outset #000000; background-color:#f9effb; padding: 5px; width: 600px;”>
Artikel blog di sini….
</div>

Ridge

<div style=”border: 4px ridge #000000; background-color:#fafae9; padding: 5px; width: 600px;”>
Artikel blog di sini….
</div>

Urutan penulisan kode bisa dibolak-balik, asal tanda pemisahnya jelas. Pada contoh terakhir yang warna merah. Selain itu kita bisa menghilangkan border pada sisi tertentu. Ambil contoh pada border terakhir, bagian bawah tidak ada garisnya

<div style=”border: 4px ridge #000000; border-bottom: none; background-color: #fafae9; padding: 5px; width: 600px;”>Artikel blog di sini….</div>