Memasang Backgroud Text Area

Textarea adalah kotak aktif yang di gunakan untuk mempermudah pembaca untuk melakukan copy paste teks, kode atau script yang kita tempatkan di dalamnya.

Selama ini kita selalu disajikan kolom textarea yang begitu-begitu saja dengan warna putihnya. Nah kali ini aku akan berbagi untuk membuat tampilan textarea agar terlihat lebih menarik dengan menambah kan variasi backgroud.

Untuk membuatnya langsung aja copy script di dalamnya.

<textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 2px; -moz-border-radius: 7px;"><textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 2px; -moz-border-radius: 7px;">MASUKKAN ANU KAMU DISINI


<textarea name="code" rows="3" cols="20" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;">MASUKKAN ANU KAMU DISINI


<textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;">MASUKKAN ANU KAMU DISINI


<textarea name="code" rows="3" cols="20" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;">MASUKKAN ANU KAMU DISINI


<textarea name="code" rows="3" cols="20" style="background:#DAFFBF; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;">MASUKKAN ANU KAMU DISINI

Diposting oleh Unknown
BACA JUGA