Terdapat beberapa tampilan border untuk mempercantik postingan kita, antara lain jenis dotted, dashed, solid, ridge, groove, inset, outset, double, dan scroll. Pemberian border itu sendiri biasanya digunakan untuk membatasi jarak pada postingan dalam penulisan kode HTML.
Berikut jenis-jenis border:
1. Border jenis dotted
<div style="border: 5px #FF6A00 dotted; padding:10px; background-color: #8aff70; text-align:left;">Masukkan teks disini</div>
2. Border jenis dashed
<div style="border: 5px #FF6A00 dashed; padding:10px; background-color: #8aff70; text-align:left;">Masukkan teks disini</div>
3. Border jenis solid
<div style="border: 5px #FF6A00 solid; padding:10px; background-color: #8aff70; text-align:left;">Masukkan teks disini</div>
4. Border jenis ridge
<div style="border: 5px #FF6A00 ridge; padding:10px; background-color: #8aff70; text-align:left;">Masukkan teks disini</div>
5. Border jenis inset
<div style="border: 5px #FF6A00 inset; padding:10px; background-color: #8aff70; text-align:left;">Masukkan teks disini</div>
6. Border jenis outset
<div style="border: 5px #FF6A00 outset; padding:10px; background-color: #8aff70; text-align:left;">Masukkan teks disini</div>
7. Border jenis scroll
<div style="background-color: #8aff70; border: 4px #FF6A00 double; height: 60px; overflow: auto; padding: 10px; text-align: left; width: 300px;">Masukkan teks disini</div>
Selamat mencoba, semoga bermanfaat !!!
0 komentar:
Posting Komentar