W3.CSS

W3.CSS หน้าแรก W3.CSS แนะนำ W3.CSS สี คอนเทนเนอร์ W3.CSS แผง W3.CSS เส้นขอบ W3.CSS การ์ด W3.CSS ค่าเริ่มต้นของ W3.CSS แบบอักษร W3.CSS W3.CSS Google W3.CSS Text W3.CSS รอบ W3.CSS แพ็ดดิ้ง W3.CSS Margins จอแสดงผล 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 การนำทาง แถบด้านข้าง W3.CSS แท็บ W3.CSS การแบ่งหน้า W3.CSS แถบความคืบหน้า W3.CSS สไลด์โชว์ W3.CSS W3.CSS โมดอล เคล็ดลับเครื่องมือ W3.CSS W3.CSS กริด รหัส W3.CSS ตัวกรอง W3.CSS W3.CSS Trends กรณี W3.CSS W3.CSS วัสดุ การตรวจสอบ W3.CSS เวอร์ชัน W3.CSS W3.CSS มือถือ

W3.CSS สี

คลาสสี W3.CSS W3.CSS วัสดุสี W3.CSS Color Flat UI W3.CSS Color Metro UI W3.CSS สี Win8 W3.CSS Color iOS W3.CSS แฟชั่นสี ไลบรารีสี W3.CSS W3.CSS แบบแผนสี ธีมสี W3.CSS W3.CSS เครื่องกำเนิดสี

การสร้างเว็บ

แนะนำเว็บ เว็บ HTML เว็บ CSS JavaScript ของเว็บ เค้าโครงเว็บ เว็บแบนด์ เว็บจัดเลี้ยง เว็บร้านอาหาร สถาปนิกเว็บ

ตัวอย่าง

ตัวอย่าง W3.CSS W3.CSS สาธิต เทมเพลต W3.CSS

อ้างอิง

การอ้างอิง W3.CSS ดาวน์โหลด W3.CSS

W3.CSS สี


แบบแผนชุดสีเริ่มต้นที่ใช้ใน W3.CSS ได้รับแรงบันดาลใจจากสีดีไซน์ Material (สีที่ใช้ในการตลาด ป้ายถนน และกระดาษโน้ต)


ระบายสีองค์ประกอบ HTML

คลาส สีw3-และสี w3-text-สามารถใช้เพื่อระบายสีองค์ประกอบ HTML ใดก็ได้:

คอนเทนเนอร์:

ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน

ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน

ปุ่ม:

ข้อความ:

แดง ม่วง น้ำเงิน เขียว ส้ม

พรมแดน:

สีแดง

เขียว

สีฟ้า

สีเหลือง

สีเทา

สีดำ

ตาราง:

ชื่อ คะแนน
Jill Smith 50
อีฟ แจ็คสัน 94
อดัม จอห์นสัน 67

การ์ด:

รถยนต์คือยานยนต์ที่มีล้อขับเคลื่อนด้วยตัวเองซึ่งใช้สำหรับการขนส่ง คำจำกัดความส่วนใหญ่ของคำศัพท์ระบุว่ารถยนต์ได้รับการออกแบบให้วิ่งบนถนนเป็นหลัก โดยมีที่นั่งสำหรับหนึ่งถึงแปดคน และโดยทั่วไปแล้วจะมีสี่ล้อ (วิกิพีเดีย)



สีพื้นหลัง

คลาส สีw3- ตั้งค่า สีพื้นหลังสำหรับองค์ประกอบ HTML ใดๆ:

ลอนดอน

ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน


ลอนดอน

ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน


ลอนดอน

ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน

ตัวอย่าง

<div class="w3-red">
  <h2>London</h2>
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>

<div class="w3-yellow">
  <h2>London</h2>
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>

<div class="w3-gray">
  <h2>London</h2>
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>

สีเทาและสีเทาสามารถใช้แทนกันได้ในคลาส W3.CSS ทั้งหมด


สีข้อความ

คลาส สีw3-text- ตั้งค่า สีข้อความขององค์ประกอบ HTML ใดๆ:

ลอนดอน

ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน

ลอนดอน

ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน

ตัวอย่าง

<div class="w3-text-red">
  <h2>London</h2>
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>


โฮเวอร์สี

คลาส สีw3-hover- กำหนด สีโฮเวอร์พื้นหลังสำหรับองค์ประกอบ HTML ใดๆ:

ลอนดอน

ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน

ตัวอย่าง

<div class="w3-container w3-orange w3-hover-red">
  <h2>London</h2>
  <p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>

คลาส สีw3-hover-text- กำหนด สีโฮเวอร์ข้อความสำหรับองค์ประกอบ HTML ใดๆ:

ลอนดอน

ลอนดอนเป็นเมืองที่มีประชากรมากที่สุดในสหราชอาณาจักร โดยมีเขตมหานครที่มีประชากรมากกว่า 9 ล้านคน

ตัวอย่าง

<div class="w3-container w3-orange w3-hover-text-white">
  <h2>London</h2>
  <p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>

ห้องสมุดสี

นอกจากสี W3.CSS มาตรฐานแล้ว W3.CSS ยังใช้สีจากไลบรารีสีต่างๆ ได้อีกด้วย:

สีของวินโดว์:

มะนาว
เขียว
มะกอก
มรกต
นกเป็ดน้ำ
เหล็ก
สีฟ้า
สีฟ้า
คราม
โคบอลต์
สีม่วง
สีม่วง
สีชมพู
สีม่วงแดง
สีแดง
ส้ม
อำพัน
สีเหลือง
สีน้ำตาล
เทาเป้
สีน้ำตาลแดง
สีแดงเข้ม

คลิกที่นี่เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับสีของ Windows


แฟชั่นสี:

เปลวไฟ
กรีนเนอรี่
ท่าจอดเรือ

สีเหลืองพริมโรส
สีเทากลาง

โก้เก๋สีเทา
นาวี
พีโอนี
สีน้ำตาลอ่อน
พอร์ต

คลิกที่นี่เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับสีแฟชั่น


สีทางหลวง:

สีแดง
เขียว
สีฟ้า
สีเหลือง

คลิกที่นี่เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับไลบรารีสี

คุณจะได้เรียนรู้มากขึ้นเกี่ยวกับสีในบทต่อๆ ไปของบทช่วยสอนนี้