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

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ป้าย


แสดงป้าย

มีจินตนาการเล็ก ๆ น้อย ๆ W3 แท็กและป้าย W3-เรียนสามารถนำมาใช้ในการแสดงทุกชนิดของสัญญาณ


แสดงแท็กเป็นสัญญาณ

สวนสัตว์ลอนดอน

ตัวอย่าง

<div class="w3-tag w3-orange">London Zoo</div>
ลองตัวเอง»

แสดงแท็กในแถว

S
L
E

ตัวอย่าง

<div class="w3-tag w3-red">S</div>
<div class="w3-tag w3-black" >A</div>
<div class="w3-tag w3-yellow">L</div>
<div class="w3-tag w3-black">E</div>
ลองตัวเอง»

แสดงป้ายถนน

Falcon Ridge Parkway

ตัวอย่าง

<div class="w3-tag w3-round w3-green" style="padding:3px">
<div class="w3-tag w3-round w3-green w3-border w3-border-white">
Falcon Ridge Parkway
</div>
</div>
ลองตัวเอง»

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

ในกรณีที่
เมื่อเกิดเหตุฉุกเฉิน
ทำงานเหมือนนรก!

ตัวอย่าง

<span class="w3-tag w3-xxlarge w3-padding w3-orange w3-center">
IN CASE OF<br>
EMERGENCY<br>
RUN LIKE HELL !
</span>
ลองตัวเอง»
49, 99

ตัวอย่าง

<div class="w3-tag w3-jumbo w3-green">
  <span class="w3-xxlarge">49</span>
  <span class="w3-large">,99</span>
</div>
ลองตัวเอง»

แสดงป้ายโค้งมน

อย่า
หายใจ
ใต้น้ำ

ตัวอย่าง

<span class="w3-tag w3-xxlarge w3-padding w3-round-large w3-red w3-center">
DO NOT<br>
BREATHE<br>
UNDER WATER
</span>
ลองตัวเอง»

แสดงธง

ตัวอย่าง

<div class="w3-display-container w3-white w3-border w3-card-8" style="height:200px;width:350px">
<div class="w3-display-topleft w3-container w3-red" style="width:25%;height:40%"><p></p></div>
<div class="w3-display-topright w3-container w3-red" style="width:60%;height:40%"><p></p></div>
<div class="w3-display-bottomleft w3-container w3-red" style="width:25%;height:40%"><p></p></div>
<div class="w3-display-bottomright w3-container w3-red" style="width:60%;height:40%"><p></p></div>
</div>
ลองตัวเอง»