แสดงรายการ
- ×
ไมค์
นักออกแบบเว็บไซต์ - ×
จิลล์
สนับสนุน - ×
เจน
นักบัญชี
รายการพื้นฐาน
- จิลล์
- วันก่อนวันหยุด
- อาดัม
รายการเป้
- จิลล์
- วันก่อนวันหยุด
- อาดัม
รายการส่วนหัว
ชื่อ
- จิลล์
- วันก่อนวันหยุด
- อาดัม
ตัวอย่าง
<ul class="w3-ul w3-border">
<li><h2>Names</h2></li>
<li>Jill</li>
<li>Eve</li>
<li>Adam</li>
</ul>
ลองตัวเอง» รายการเป็นบัตร
- จิลล์
- วันก่อนวันหยุด
- อาดัม
รายการ Centered
- จิลล์
- วันก่อนวันหยุด
- อาดัม
รายการสี
- จิลล์
- วันก่อนวันหยุด
- อาดัม
สีรายการตัว
- จิลล์
- วันก่อนวันหยุด
- อาดัม
ตัวอย่าง
<ul class="w3-ul">
<li class="w3-blue">Jill</li>
<li>Eve</li>
<li>Adam</li>
</ul>
ลองตัวเอง» รายการ Hoverable
ชั้น W3-hoverable เพิ่มสีพื้นหลังสีเทารายการแต่ละรายการบนเมาส์มากกว่า:
- จิลล์
- วันก่อนวันหยุด
- อาดัม
ถ้าคุณต้องการที่เฉพาะเจาะจงสีโฉบเพิ่มใด ๆ ของ W3-hover เรียนแต่ละ <li> องค์ประกอบ:
- จิลล์
- วันก่อนวันหยุด
- อาดัม
รายการ closable
คลิกที่ตัวอักษร "X" เพื่อปิด / ซ่อนตัวเลือกรายการ:
- จิลล์ x
- อดัม x
- อีฟ x
ตัวอย่าง
<li>Jill
<span onclick="this.parentElement.style.display='none'"
class="w3-closebtn w3-margin-right w3-medium">x</span>
</li>
ลองตัวเอง» รายการเบาะ
- จิลล์
- วันก่อนวันหยุด
- อาดัม
- จิลล์
- วันก่อนวันหยุด
- อาดัม
ตัวอย่าง
<ul class="w3-ul">
<li class="w3-padding-hor-16">Jill</li>
<li
class="w3-padding-hor-16">Eve</li>
<li class="w3-padding-hor-16">Adam</li>
</ul>
ลองตัวเอง» รายการ Avatar
- x ไมค์
นักออกแบบเว็บไซต์ - x จิลล์
สนับสนุน - x เจน
นักบัญชี
ตัวอย่าง
<ul class="w3-ul w3-card-4">
<li class="w3-padding-hor-16">
<span onclick="this.parentElement.style.display='none'"
class="w3-closebtn w3-padding">x</span>
<img src="img_avatar2.png"
class="w3-left w3-circle" style="width:60px">
<span
class="w3-xlarge">Mike</span><br>
<span>Web
Designer</span>
</li>
</ul>
ลองตัวเอง» รายการเล็ก ๆ
- จิลล์
- วันก่อนวันหยุด
- อาดัม
รายการเล็ก ๆ
- จิลล์
- วันก่อนวันหยุด
- อาดัม
รายการใหญ่
- จิลล์
- วันก่อนวันหยุด
- อาดัม
รายการ XLarge
- จิลล์
- วันก่อนวันหยุด
- อาดัม
รายการ XXLarge
- จิลล์
- วันก่อนวันหยุด
- อาดัม
รายการ XXXLarge
- จิลล์
- วันก่อนวันหยุด
- อาดัม
รายการจัมโบ้
- จิลล์
- วันก่อนวันหยุด
- อาดัม