สี Colours การใช้งานสี

25 September 2008

การกำหนดสีใน CSS สามารถกำหนดเป็นชื่อสี กำหนดในรูปแบบ rgb หรือกำหนดแบบเลขฐาน 16 ก็ได้

เช่้นสีแดง อาจกำหนดเป็น

red หรือ
rgb(255,0,0) หรือ
#ff0000 ก็ได้

มีชื่อสีทั้งหมด 17 ชื่อสีที่ได้กำหนดไว้แล้วได้แก่ aqua, black, blue, fuchsia, gray, green, lime,
maroon, navy, olive, orange, purple, red, silver, teal, white, และ yellow.

transparent สามารถนำมาใช้กำหนดได้

ค่าตัวเลข 3 ตัวใน rgb คือค่าที่อยู่ระหว่าง 0 ถึง 255 โดย 0 จะเป็นระดับค่าสีที่ต่ำที่สุด
และ 255 จะเป็นระดับค่าสีที่สูงที่สุด นอกจากนี้เรายังสามารถกำหนดค่าดังกล่าว
ในรูปของเปอร์เซ็นต์ เช่น rgb(80%,20%,20%) เป็นต้น

สำหรับการกำหนดค่าสีด้วยเลขฐาน 16 จะนำหน้าด้วย เครื่องหมาย # เข่น #FF0000 เป็นต้น

ตัวอย่างการกำหนดค่าสี

 

body{
	color:red;
}
p{
	color:#FF0000;
}
div{
	color:rgb(255,0,0);
}

 

เนื้อหาที่เี่กี่ยวข้อง








บทความในหมวดที่่น่าสนใจ อื่นๆ CSS Learning

25 Sep 08 สิ่งที่เรียกว่า Selects, Properties , and Values สิ่งที่เป็นองค์ประกอบของ CSS อ่าน 2817 25 Sep 08 CSS แทรกโค๊ดในเว็บโดยมีหมายเลขบรรทัดกำกับ อ่าน 2742 27 Sep 10 วิธีใช้ css จัดรูปแบบ เนื้อหา contents ที่ต้องการแสดง บน google map อ่าน 2704 15 Oct 08 สร้างลิ้งค์มีรูปภาพแสดงนามสกุลไฟล์ อ่าน 2649 08 Oct 08 การกำหนด class มากกว่าหนึ่ง อ่าน 2448 06 Aug 10 ตรึง หัวข้อ คอลัมน์ ในตาราง ด้วย เทคนิคที่ง่ายกว่า รองรับทุกบราวเซอร์ อ่าน 2430 25 Sep 08 การทำให้หน้าเว็บของเราสามารถดูได้อย่างเดียว อ่าน 2387 23 Feb 11 การแบ่งหน้า การพิมพ์ สำหรับข้อมูลต่อเนื่อง ด้วย css อย่างง่าย อ่าน 2138 22 Feb 11 ตัวอย่าง การสร้างรูปแบบ ตารางรายงานข้อมูล ด้วย css อย่างง่าย อ่าน 2106 14 Feb 09 การระบุการใช้งาน css ค่าใดค่าหนึ่ง อย่างเฉพาะเจาะจง (specificity) อ่าน 1965 04 Oct 11 การแสดงข้อมูลใน iframe ตามตำแหน่งที่ต้องการด้วย css อย่างง่าย อ่าน 847 06 Dec 11 การใช้งาน css จัดตำแหน่ง ซ้อนข้อความบนรูปภาพอย่างง่าย อ่าน 682

บทความคนเข้าอ่านวันนี้

25 Sep 08 PHP MySQL connecting script and function อ่าน 2370 24 Feb 10 เทคนิค สร้าง effect add to cart ด้วย jQuery อย่างง่าย อ่าน 4466 06 Mar 11 แนะนำ ปลั๊กอิน comment ตัวใหม่ของ facebook อ่าน 3163 25 Sep 08 Functions ลบไฟล์ อ่าน 2372 17 Jan 11 เทคนิค วิธี การแสดงข้อมูล ด้วยเงื่อนไข วันที่ date ใน mysql อ่าน 3086 21 Aug 10 เริ่มใช้ และ ประยุกต์ CKEditor ให้ใช้งานง่าย เต็มความสามารถ อ่าน 3476 15 Sep 10 สร้าง ตัว marker ระบุตำแหน่ง ใน google map จำนวนมาก จาก xml ไฟล์ อ่าน 3653 25 Sep 08 ตรวจสอบนามสกุลไฟล์ ก่อนทำการอัพโหลด อ่าน 3237 25 Sep 08 เพิ่มข้อความหน้าหรือหลังตัวเลขหรือข้อความด้วยฟังก์ชัน str_pad อ่าน 1346 23 Dec 09 จัดรูปแบบ การแบ่งคอลัมน์ column ของ ตาราง สำหรับแสดงข้อมูล ด้วย php อ่าน 3863 05 Apr 10 กำหนด link ลิ้งค์ ทั้งหมด ให้ เปิดหน้าต่างใหม่ ด้วย jQuery อย่างง่าย อ่าน 2320 16 Aug 09 เริ่มต้น jQuery UI กับการสร้าง ปฏิทินเลือกวันที่ datepicker อ่าน 17240 25 Sep 08 คำสั่ง SQL เพื่อสุ่มข้อมูลมาแสดง อ่าน 3750 26 Oct 08 แสดง popup window ตรงกลาง อ่าน 10047 11 Sep 10 จัดรูปแบบ MapTypeControlOptions ใน Google Map อ่าน 1225 07 Dec 09 การเลื่อน scrollbar อัตโนมัติตาม การเลื่อนขึ้นลง ของ mouse ด้วย jQuery อ่าน 2906 03 Nov 08 เก็บ HTML ไว้ในตัวแปร PHP อย่างง่ายด้วยฟังก์ชัน ob_start() อ่าน 2854 09 Nov 08 สร้างปฏิทินด้วย php และ css โดยไม่ต้องใฃ้ตาราง อ่าน 10435 04 Oct 08 SQL คืออะไร อ่าน 7367 19 Oct 08 คำสั่ง SQL COUNT อ่าน 6496
จำนวนผู้เยี่ยมชม 777834
คน 2012 © Copyright ninenik.com. All rights reserved.