Cara Membuat Border Dan Teks Pada Postingan Blog

Note: Bantu share dan subscribe,like,and comment di post
Yo guys.... kali ini saya akan membagi pengetahuan tentang cara membuat border beserta teks yang ada pada kotak border tersebut,hal ini bisa dibilang cukup mudah karena kaian tidak perlu bersusah payah lagik unutk mengetik kode CSS nya cukup dengan mengcopy code yang akan saya beri dibawah. Nah pasti penasaran kan bagaimana cara membuat border tulisan!! Mudah kok cara membuat border tulisan nya...
langsung saja ikuti langkah cara membuat border tulisan.....


      Beperapa style border:

---

Bentuk solid border

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

Bentuk dotted border

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

Bentuk dashed border

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

Bentuk ridge border

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

Bentuk groove border

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

Bentuk inset border

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

Bentuk outset border

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

Bentuk double border

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

Bentuk scroll border

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

BACA JUGA:CARA MEMASUKAN GIF KE DALAM BLOG DENGAN MUDAH

•  pada teks berwarna merah "MASUKAN TEKS DISINI" itu adalah bagian yang bisa di isi
• "bacground-color:ketik warna sesuka hati; contoh(green,red,blue,dll...)
• khusus unutk scroll border pada lebar dan panjangnya kotak bbisa diatur(height: sesuai keinginan andapx; width: sesuai keinginan andapx;)

pada bagian warna border juga kalian bisa ubah #random

contoh border scroll: 

<div style="background-color: #eaeaea; border: 4px #345d15 solid; height: 100px; overflow: auto; padding: 10px; text-align: left; width: 420px;">
TULIS MASUKAN TEKS DISINI </div>                                            axdasdasasdsdascascmaiwcak cosmcs csmcaisncfjbsbefchsavchscvhscbshcbshkjcbjscnjskcb js cjsncjsbakjscbaujskbckajscb(tidak termasuk)

       Begitulah cara membuat boorder dan tulisan pada postingan blog.