Hai semua! Kali ini, aku nak berkongsi tutorial mudah untuk membuat kotak teks dengan pelbagai jenis border dan background dalam entri blog korang.
Dengan menggunakan kotak teks, korang dapat menyusun konten dengan lebih baik dengan mengambil petikan atau point penting sebagai catatan tambahan. Ini membantu pembaca memahami struktur dan alur konten dengan lebih mudah.
Contoh Kod Kotak Teks:
<div style=”border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;text-align: left;“>masukan tulisan anda disini</div>
Keterangan:
- border: 3px merupakan ketebalan garis pinggir kotak teks
- #1780dd warna garis batas/ pinggir kotak teks
- Double adalah bentuk dari garis batas pada pinggir kotak teks
- padding: 10px merupakan panjang kotak teks dari atas ke bawah
- background-color:#ffffff adalah warna latar belakang dari kotak teks
- text-align: left posisi kotak teks (text box) di bagian sisi kiri
1. Kotak Jenis Berbingkai
2. Kotak Jenis Dotted
3. Kotak Jenis Dashed
4. Kotak Jenis Solid
<div style=”background-color: white; border: 3px #1780dd solid; padding: 10px; text-align: left;”>
masukan tulisan anda di sini (Solid)</div>
5. Jenis Tiada Kotak
Tutorial Cara Membuat Kotak Teks dan Background di Entri Blog
Langkah-langkah:
Bagaimana? Mudah kan tutorial kali ini? InsyaAllah, semoga bermanfaat. Jika korang ada sebarang pertanyaan atau soalan, boleh ajukan di ruangan komen di bawah.
Terimakasih telah membaca di Aopok.com, semoga bermanfaat dan lihat juga di situs berkualitas dan paling populer Piool.com, peluang bisnis online Topbisnisonline.com dan join di komunitas Topoin.com.
