headerphoto

Sampai posting ini diterbitkan, saya telah membahas atribut atau property CSS sebanyak tiga belas buah. Untuk mereviewnya kawan bisa lihat disini. Sebenarnya masih banyak atribut lain yang belum dibahas, namun kali ini saya tidak akan membahas atribut yang lainnya, dan akan fokus pada bagaimana cara mengkombinasikan atribut-atribut tersebut. Sehingga diperoleh suatu bentuk, aplikasi, atau style elemen seperti yang kita butuhkan.

Kombinasi atribut CSS tidak mutlak dipasang dalam jumlah yang banyak untuk sebuah elemen atau aplikasi. Kita bisa memasangnya, cukup yang kita perlukan saja. Contohnya seperti dibawah ini:

  • Aplikasi Blockquote (tujuh atribut) - Blockquote, Menggunakan Fasilitas Template Blogger untuk Membentuk Tulisan
    <div style="border-left: 6px solid #FBB784; margin: 5px 10px 5px 25px; padding: 10px; background: #FFFFCE; color: #A52A2A; width: 450px; font-size: 17px;">Tulis disini</div>

  • Aplikasi kotak pemberitahuan (delapan atribut)
    <div style="border-right: 3px solid #006600; border-bottom: 3px solid #006600; margin: 10px; padding: 10px; background: #ADE4AD; color: #990099; width: 430px; -moz-border-radius: 0 15px;">Tulis disini</div>

  • Aplikasi Sroll bar untuk sebuah script (delapan atribut) - Script Posting Terbaru dan (atau) Recent Post
    <div style="margin: 10px; padding: 10px; background: #EBF3FB; color: blue; font-size: 23px; width: 400px; height: 100px; overflow: auto;">Tulis disini</div>


Bagaimana..? Cukup mudah bukan mengkombinasikan CSS?
Bila kawan ingin menggunakan CSS diatas, silahkan copy paste kodenya lalu ganti tulisan Tulis disini.

Next→
←Prev

Terkait

Share: FB-share Twitter-share

Join dan Dapatkan Info Terbaru via Email

Tidak ada komentar