คลาสสี W3.CSS
W3.CSS สีเริ่มต้น
คลาสสีเริ่มต้นที่ใช้ใน W3.CSS ได้รับแรงบันดาลใจจากดีไซน์ Material
สีของดีไซน์ Material สะท้อนสีที่ใช้ในการตลาด ป้ายถนน และกระดาษโน้ต
ตัวอย่าง
<div class="w3-red">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
UI แบบแบน
Flat UI เป็นอีกคลาสสียอดนิยมที่สามารถใช้ใน W3.CSS:
ตัวอย่าง
<div class="w3-flat-turquoise">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
คุณสามารถอ่านเพิ่มเติมเกี่ยวกับคลาสสีทางเลือกในบทต่อไปของบทช่วยสอนนี้
Windows Metro UI
เมโทรเป็นชื่อเล่นของ Microsoft Design Language (MDL)
Metro มุ่งเน้นไปที่การพิมพ์ ไอคอนแบบง่าย และสีที่ทันสมัย
ตัวอย่างนี้แสดงวิธีการใช้สีของ Windows Metro ใน W3.CSS:
ตัวอย่าง
<div class="w3-metro-light-green">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน
วินโดว์ 8
Windows 8 เป็นระบบปฏิบัติการหลักระบบแรกที่เน้นการออกแบบเรียบๆ และสีสันที่ทันสมัย
ตัวอย่างนี้แสดงวิธีการใช้สีของ Windows 8 ใน W3.CSS:
ตัวอย่าง
<div class="w3-win8-lime">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
ลอนดอน
ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน