Ordered and Unordered List Variabel

Bermain dengan kode-kode CSS memang asyik sekali. Apalagi bisa memperindah penampilan. <ul = unordered list> dan <ol = ordered list> yang keberadaanya merupakan satu tagging dimana didalamnya dibubuhi <li = list item>
Secara default list type ini banyak ragamnya. Sampai bisa juga kita menggunakan image mengkombinasikannya menjadi full stylish.

Default ul

• Lorem
• Ipsum
• Modar

Variabel ini sama dengan style disc. Sekarang bila dibubuhi dengan style yang lain, bisa menghasilkan:

• Coffee
• Tea
• Milk

• Coffee
• Tea
• Milk

Syntax<ul type="square">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

<ul type="circle">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>Varible ol (ordered list) bisa lebih variasi lagi loh.

Default ol

1. Coffee
2. Tea
3. Milk

Deretan angka hasil dari variabel ini. Permulaan angkanya ingin dari "4"

4. Coffee
5. Tea
6. Milk

Syntax<ol start="4">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>Kepengen berdasarkan type, jadi bukan angka hasilnya!
Angka romawi.

1. Coffee
2. Tea
3. Milk

1. Coffee
2. Tea
3. Milk

Check get out Play it.

Variasi menggunakan gambar:

1. Coffee
2. Tea
3. Milk

Sentuhan dengan CSS3

• Coffee
• Tea
• Milk
• Kopsus

Write it CSS3 :nth-child() Selector. Mengasyikan bukan :)
Happy blogging \m/