Membuat Background Pada Teks Area

Anaa pernah posting cara membuat teks area, apa itu teks area? lihat aja lagi postingan itu disini.

Kali ini cara membuat agar teks areanya memiliki background dengan cara menambahkan kode berikut:

<div style="overflow: auto; width: 500px; height: 100px;
background-color: #FFCCFF; text-align: justify; padding: 5px;
border: 2px solid #FF3300;">Letakkan kalimat yang ingin ditampilkan pada teks area disini</div>

Note:

Kode diatas bisa diedit lagi

width : lebar text area

height : tinggi text area

background-color : warna background text area

text-align : perataan text

padding : jarak antar tulisan

border : tebal tipisnya garis tepi text area

solid : warna garis tepi text area.

Nah berikut contohnya:

<div style="overflow: auto; width: 500px; height: 100px;
background-color: #FFCCFF; text-align: justify; padding: 5px;
border: 2px solid #FF3300;">

Pada setiap tempat engkau akan mendapatkan kegelapan dalam hidupmu, maka tidak ada yang mesti engkau lakukan kecuali menghidupkan lentera yang ada di dalam jiwamu.

Optimislah walaupun engkau berada dalam terpaan bencana.

Besok kita menanti pohon raihan akan berbunga, kesedihan akan sirna dan kebahagiaan akan menjelma.

Emasmu adalah agamamu, perhiasanmu adalah akhlakmu, dan hartamu adalah budi pekertimu.

Setiap manusia akan hidup; orang yang mempunyai istana dan orang yang hidup didalam gubuk…akan tetapi siapakah yang bahagia?

Biarkanlah orang yang zalim dihadapkan pada pengadilan akhirat, yang pada saat itu tidak ada hakim kecuali Allah.

Penyakit adalah berita yang membawa kabar gembira dan sehat adalah perhiasan yang berharga.

</div>

Maka hasilnya akan seperti ini:

Pada setiap tempat engkau akan mendapatkan kegelapan dalam hidupmu, maka tidak ada yang mesti engkau lakukan kecuali menghidupkan lentera yang ada di dalam jiwamu. Optimislah walaupun engkau berada dalam terpaan bencana. Besok kita menanti pohon raihan akan berbunga, kesedihan akan sirna dan kebahagiaan akan menjelma. Emasmu adalah agamamu, perhiasanmu adalah akhlakmu, dan hartamu adalah budi pekertimu. Setiap manusia akan hidup; orang yang mempunyai istana dan orang yang hidup didalam gubuk…akan tetapi siapakah yang bahagia? Biarkanlah orang yang zalim dihadapkan pada pengadilan akhirat, yang pada saat itu tidak ada hakim kecuali Allah. Penyakit adalah berita yang membawa kabar gembira dan sehat adalah perhiasan yang berharga.

Selamat mencoba, semoga bermanfaat!