Sebelumnya kita harus merencanakan dulu mau blockquote yang seperti apa hasilnya nanti. Sebagai percobaan, saya akan menciptakan blockquote dengan model sebagai berikut:
- Berbingkai garis setebal 1px mengelilingi teks, dan hanya garis sebelah kiri saja yang tebal.
- Berbackground semi abu-abu.
- Model teks miring, dengan size-nya 11px
1. Buka file style.css , tempatnya di DOMAIN_ANDA/file/tema/NAMA_TEMA/css/style.css
2. Tambahkan kode berikut ini:
#lebar blockquote {3. Cara menambahkan kode tadi adalah setelah tanda kurung kurawal penutup
background:#f8f8f8; border-left:7px solid #d1d1d1;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;margin:0 0 0 7px;padding:0px 10px;font-style:italic;font-size:11px}
4. Simpan pekerjaan anda dan nikmati hasilnya.
Izin nanya ya,
BalasHapusDiletakkan di bagian apanya, terus menggunakannya bagaimana ? agar hasilya bisa dinikmati.
tinggal diletakkan di deretan source code pada file style.css
Hapus