ล่าสุดการพัฒนาเว็บบทเรียน
×

W3.CSS

W3.CSS บ้าน W3.CSS แนะนำ W3.CSS สี W3.CSS ภาชนะ W3.CSS เขตแดน W3.CSS ประโยชน์ W3.CSS ปุ่ม W3.CSS การ์ด W3.CSS การแจ้งเตือน W3.CSS ตาราง W3.CSS รายการ W3.CSS ภาพ W3.CSS ปัจจัยการผลิต W3.CSS ป้าย W3.CSS ป้าย W3.CSS อ่อนไหว W3.CSS ภาพเคลื่อนไหว W3.CSS เมนูแบบเลื่อนลง W3.CSS accordions W3.CSS การเดินเรือ W3.CSS Sidenav W3.CSS แท็บ W3.CSS การให้เลขหน้า W3.CSS แถบความคืบหน้า W3.CSS การเรียงพิมพ์ W3.CSS แบบอักษร W3.CSS ไอคอน W3.CSS สไลด์โชว์ W3.CSS ผลกระทบ W3.CSS เป็นกิริยาช่วย W3.CSS คำแนะนำเครื่องมือ W3.CSS ตะแกรง W3.CSS ธีม W3.CSS โกดัง W3.CSS แนวโน้ม W3.CSS กรณี W3.CSS โทรศัพท์มือถือ

Examples

W3.CSS ตัวอย่าง W3.CSS การสาธิต W3.CSS แม่แบบ

References

W3.CSS คู่มืออ้างอิง W3.CSS ดาวน์โหลด

W3Data

W3Data หน้าหลัก W3Data วัตถุ W3Data Http W3Data รวม W3Data ตัวควบคุม W3Data เซิร์ฟเวอร์ W3Data AppML W3Data คู่มืออ้างอิง

 

W3.CSSป้ายและแท็ก


แสดงป้าย

ข่าว 6

ความคิดเห็นที่ 8

อัพเดท 9

ตัวอย่าง

<p>News <span class="w3-badge w3-green">6</span></p>
<p>Comments <span class="w3-badge w3-red">8</span></p>
<p>Updates <span class="w3-badge w3-dark-grey">9</span></p>
ลองตัวเอง»

แสดงแท็ก

ตัวอย่างใหม่!

ความคิดเห็นเพิ่มเติมในภายหลัง!

ตัวอย่าง

<p>Example <span class="w3-tag w3-blue">New!</span></p>
<p>Comments <span class="w3-tag w3-teal">More Later!</span></p>
ลองตัวเอง»

รายการที่มีป้าย

  • จิลล์ 5
  • อีฟ 3
  • อดัม 8

ตัวอย่าง

<ul class="w3-ul w3-border">
  <li>Jill <span class="w3-badge w3-green w3-right">5</span></li>
  <li>Eve <span class="w3-badge w3-green w3-right">3</span></li>
  <li>Adam <span class="w3-badge w3-green w3-right">8</span></li>
</ul>
ลองตัวเอง»

แสดงแท็กขนาดใหญ่

66

ตัวอย่าง

<span class="w3-tag w3-jumbo w3-padding-large w3-blue">66</span>
ลองตัวเอง»

แสดงป้ายขนาดใหญ่

66

ตัวอย่าง

<p><span class="w3-badge w3-jumbo w3-padding-large w3-red">66</span></p>
ลองตัวเอง»

แสดงตัวอักษรเป็นแท็ก

ยูจี U S T

ตัวอย่าง

<span class="w3-tag w3-black">J</span>
<span class="w3-tag w3-black">A</span>
<span class="w3-tag w3-black">N</span>
<span class="w3-tag w3-black">U</span>
<span class="w3-tag w3-black">A</span>
<span class="w3-tag w3-black">R</span>
<span class="w3-tag w3-black">Y</span>
ลองตัวเอง»