Membuat Border pada HTML atau Posting

From Google Images

Membuat Border pada HTML atau Posting | Bingung mau post apa hari ini? mending saya kasih tau cara membuat border pada HTML/Posting ... Kalian tinggal pilih jenis Border yg kalian sukai dibawah ini.

 

Border Jenis Solid

<div style="border: 4px #F70000 solid; padding: 10px; background-color: #000000; text-align: left"> MASUKAN TEKS DISINI </div>

Border Jenis Dotted

<div style="border: 4px #F70000 dotted; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Dashed

<div style="border: 4px #F70000 dashed; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Ridge

<div style="border: 4px #F70000 ridge; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Groove

<div style="border: 4px #F70000 groove; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Inset

<div style="border: 4px #f70000 inset; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Outset

<div style="border: 4px #F70000 outset; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Double

<div style="border: 4px #F70000 double; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Dengan Scroll Lebar Dan Tinggi

<div style="border: 4px #F70000 solid; padding: 10px; background-color: #000000; overflow: auto; height: 60px; width: 260px; text-align: left;"> MASUKAN TEKS DISINI </div>

Keterangan :

•  #F70000 : code warna bordernya.
•  #000000 : code warna backgroundnya.
•  MASUKAN TEKS DISINI : Ketik/Tulis teks yang kalian inginkan.

Tutorial :

1. Log in / Masuk ID Blogger Sobat.

2. Click Entri Baru / Mulai Pemostingan.

3. Setelah sobat menulis Judul postingan, Sobat click Edit HTML 

4. Copy salah satu code border diatas yang kalian sukai dan pastekan di Edit HTML.

5. Pratinjau jika ingin melihat hasilnya, Terbitkan entri untuk langsung menerbitkan.

Walaupun Admin ngak masang border di BLOG ^^ Tapi kalian bisa mempercantik blogger kalian sesuka hati.Semoga bermanfaat.