Minggu

Membuat Border Pada Postingan

Kita sering melihat Blog para blogger yang postingan nya memakai border sehingga postingan tersebut tampak lebih rapi dan mudah dibaca.. namun biasanya kita selalu bertanya. Gimana Sih buatnya... nah sekarang saya tunjukkan caranya...  tanpa basa basi.... Mari....

  • Border Solid
<div style="border: 4px #353535 solid; padding: 10px; background-color: #000000; text-align: left"> MASUKAN TEKS DISINI </div> 
  • Border Dotted
<div style="border: 4px #353535 dotted; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div> 
  • Border Dashed
<div style="border: 4px #353535 dashed; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div> 
  • Border Ridge
<div style="border: 4px #353535 ridge; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div> 
  • Border Groove
<div style="border: 4px #353535 groove; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div> 
  • Border Inset
<div style="border: 4px #353535 inset; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div> 
  • Border Outset
<div style="border: 4px #353535 outset; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div> 
  • Border Double
<div style="border: 4px #353535 double; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div> 
  • Border Scroll

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

Artikel Terkait:

Label:

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)
Mari Belajar Online © 2008-2012 Ramapark;
SkinCorner