0 Cara Membuat Kotak Teks (Text Area) Dalam Postingan Blog

Cara Membuat Kotak Teks (Text Area) Dalam Postingan BlogAda banyak cara / script yang bisa anda gunakan untuk membuat kotak teks (text box) tersebut. Sebagai contoh di bawah ini merupakan salah satu cara membuat kotak teks (text box) dengan script yang berbeda.Contoh 1 : ( otomatis )
* Teks rata tengah = text-align: center; center bisa diganti dengan left, right, justify
* Background warna = background-color: #cf32f3 bisa Anda ubah sesuai warna yang di inginkan
* Border = border: 1px solid, bisa Anda atur ketebalan garis luarnyaCoba perhatikan kode berikut :

<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: #cfe2f3; text-align: center;">BINTANG PDG </p>

( Gantilah tulisan berwarna biru sesuai dengan kalimat teks Anda )

Hasilnya

BINTANG PDG

Contoh 2 :( manual )
Anda juga bisa mengatur lebar dan tinggi kotak secara manual, misalnya kita akan mengatur Lebar Kotak menjadi 300px dan Tinggi Kotak 70px. Perthatikan scrypt di bawah ini :

<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; width:300px; height:70px; background-color: #cfe2f3; text-align: center;">BINTANG PDG </p>

Hasilnya:

BINTANG PDG

Sekian dulu Tutorial Cara Membuat Kotak Teks kali ini dari Bintang semoga dapat bermanfaat.

Date	: 02.33
Category	:
Author	: BINTANG PDG
Share	: Tweet Print
Responds	: 0 Comment

Ditulis Oleh : BINTANG PDG ~ Indahnya Berbagi

Anda sedang membaca sebuah artikel yang berjudul Cara Membuat Kotak Teks (Text Area) Dalam Postingan Blog, Semoga artikel tersebut bermanfaat untuk anda .... Mohon beritahu saya jika anda menemukan ada link yang erorr pada blog ini Terima kasih..

:: Thank you for visiting ! ::

Artikel Terkait :