Minggu, 20 Mei 2012

MEMBUAT ANEKA STYLE BORDER

BORDER JENIS SOLID

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

BORDER JENIS DOOTTED

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

BORDER JENIS DASHED

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

BORDER JENIS RIDGE

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

BORDER JENIS GROOVE

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

BORDER JENIS INSET

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

BORDER JENIS OUTSET

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

BORDER JEINS DOUBLE

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

BORDER JENIS SCROLL WIDTH AND HIGH

<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>

Keterangan
  1. Scrivt tersebut akan berhasil jika digunakan dalam bentuk HTML bukan dalam compose..selamat mencoba ya...

Tidak ada komentar:

HIKMAH MEMAHAMI LITERASI

Materi yang dapat dipahami dari kegiatan pengembangan atau pembelajaran literasi ini diantaranya saya menemukan berbagai hal yang ada dalam ...