รหัสสี CSS

รหัสสีและชื่อ CSS

• สีแดง
• สีส้ม
• สีเหลือง
• สีเขียว
• สีฟ้า
• สีฟ้า
• สีม่วง
• สีชมพู
• สีขาว
• สีเทา
• สีน้ำตาล

สี CSS

รหัสสีสามารถเป็นหนึ่งใน:

รูปแบบ Hex: #rrggbb

รูปแบบ RGB: rgb (แดงเขียวน้ำเงิน)

รูปแบบชื่อ : ชื่อ

ตัวอย่าง

สำหรับสีส้ม:

รูปแบบ Hex: # FFA500

รูปแบบ RGB: rgb (255,165,0)

รูปแบบชื่อ: สีส้ม

การตั้งค่าสีขององค์ประกอบ

สำหรับองค์ประกอบเฉพาะ:

<element style="color: code;"/</element/

สำหรับองค์ประกอบประเภทเดียวกันทั้งหมด ใส่โค้ดในแท็ก <style/ ในส่วน head:

<style/
   element { color: code; }
</style/

ตัวอย่าง

การตั้งค่าสีข้อความย่อหน้าเป็นสีแดง:

การตั้งค่าสีของย่อหน้าเฉพาะ:

<p style="color: #FF0000;"/Some text ...</p/

ดู:

ข้อความบางส่วน ...

การกำหนดสีของย่อหน้าทั้งหมด

<style>
   p { color: #FF0000; }
</style>

การตั้งค่าสีพื้นหลังขององค์ประกอบ

element { background: code; }

ตัวอย่าง

การตั้งค่าสีพื้นหลังย่อหน้าเป็นสีแดง:

การตั้งค่าสีพื้นหลังของย่อหน้าเฉพาะ:

<p style="background: #FF0000;">Some text ...</p>

ดู:

ข้อความบางส่วน ...

การตั้งค่าสีพื้นหลังของย่อหน้าทั้งหมด:

<style>
   p { background: #FF0000; }
</style>

การตั้งค่าสีเส้นขอบขององค์ประกอบ

element { border-color: topcode rightcode bottomcode leftcode }

ตัวอย่าง

การตั้งค่าสีขอบของย่อหน้าเป็นสีแดงเขียวน้ำเงินและดำ:

การตั้งค่าสีขอบของย่อหน้าเฉพาะ:

<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>

ดู:

ข้อความบางส่วน ...

การตั้งค่าสีขอบของย่อหน้าทั้งหมด:

<style>
   p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>

สีแดง

สีส้ม

สีเหลือง

สีเขียว

สีฟ้า

สีฟ้า

สีม่วง

สีชมพู

สีขาว

สีเทา

สีน้ำตาล

ดูสิ่งนี้ด้วย

• แถบนำทาง CSS