Cara menambahkan Border pada Blog

Langsung saja ke TKP kali ini saya memposting judul "Cara menembahkan Border pada Blog". Amati artikelnya, Let's Go:

1. Border Style Solid

<div style="border: 2px solid red; height: 40px; padding: 5px; text-align: justify; width: 600px;"> Isi teks disini </div>

Keterangan (Bisa dirubah yang berwarna merah) :

• border: 2px solid red; menunjukkan ketebalan tepi border sebesar 2 piksel dan bergaya solid dengan warna merah (red). 
• height: 40px; menunjukkan tinggi border sebesar 40 piksel. 
• padding: 5px; menunjukkan jarak antara tulisan dengan tepi border sebesar 5 piksel.
• text-align: left; menunjukkan perataan tulisan. Left untuk rata kiri, right untuk rata kanan, center untuk rata tengah, justify untuk rata kanan kiri.
• width: 600px; menunjukkan lebar border sebesar 600 piksel.

2. Border Style Dot

<div style="border: 2px dotted green; height: 40px; padding: 5px; text-align: justify; width: 600px;">Isi teks disini </div>

3. Border Style Dash

<div style="border: 2px dashed blue; height: 40px; padding: 5px; text-align: justify; width: 600px;"> Isi teks disini </div>

4. Border Style Outset

<div style="border: 2px outset yellow; height: 40px; padding: 5px; text-align: justify; width: 600px;">Isi teks disini</div>

5. Border Style Inset

<div style="border: 2px inset yellow; height: 20px; padding: 5px; text-align: right; width: 200px;">Isi teks disini</div>

6. Border Style Double

<div style="border: 5px double green; height: 40px; padding: 5px; text-align: justify; width: 600px;">Isi teks disini</div>

7. Border Style Multiple

<div style="border-color: purple; border-style: dotted dashed solid double; border-width: 6px; height: 60px; padding: 5px; text-align: center; width: 600px;">Isi teks disini</div>

8. Border Style Ridge

<div style="border: 10px ridge red; height: 20px; padding: 5px; text-align: left; width: 200px;">
Border Style Ridge</div>

acebook