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; #FF3300
background-color: #FFCCFF; text-align: justify; padding: 5px;
border: 2px solid ;">Letakkan kalimat yang ingin ditampilkan pada teks area disini</div>
Note:
Kode diatas bisa diedit lagi
Nah berikut contohnya:
<div style="overflow: auto; width: 500px; height: 100px; #FF3300
background-color: #FFCCFF; text-align: justify; padding: 5px;
border: 2px solid ;">
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:
Selamat mencoba, semoga bermanfaat!
