เคล็ดลับ: เมื่อกำหนดสีขององค์ประกอบหน้าเว็บใด ๆ คุณอาจต้องใช้รหัสสี HTML สำหรับสีหลักคุณสามารถระบุชื่อของสีเหล่านั้นแทนการใช้รหัสสีเช่นแดงน้ำเงินเขียวและดำแทนการใช้ค่ารหัสสีที่เคารพ
ตัวอย่าง CSS
ในตัวอย่าง CSS ด้านล่างเรากำลังตั้งค่าให้ร่างกายมีสีพื้นหลังเป็นสีดำโดยเพิ่ม "background-color: # 000;" ในบล็อกร่างกาย เนื่องจากสีพื้นหลังเป็นสีดำสีข้อความจึงต้องเปลี่ยนมิเช่นนั้นจะไม่สามารถมองเห็นได้ ดังนั้นเราจึงตั้งค่าสีข้อความเป็นสีขาวโดยเพิ่ม "color: #fff;" เข้าไปในบล็อก
body {font-family: Helvetica, Arial, sans-serif; สีพื้นหลัง: # 000; สี: # fff; }
หากหน้าของคุณไม่ได้ใช้ CSS หรือคุณไม่ต้องการที่จะแปลงเป็น CSS ด้านล่างเป็นขั้นตอนเกี่ยวกับวิธีการทำเช่นนี้ในแท็ก BODY ในรหัส HTML อย่างไรก็ตามดังที่กล่าวไว้ก่อนหน้านี้เราขอแนะนำให้ใช้โค้ด CSS ด้านบนแทนแท็ก body หากคุณใช้สไตล์ CSS คุณสามารถเปลี่ยนค่าสีพื้นหลังหนึ่งครั้งและการเปลี่ยนแปลงจะถูกนำไปใช้กับองค์ประกอบ HTML ทั้งหมดโดยอัตโนมัติโดยใช้สไตล์นั้น
ตัวอย่างแท็กเนื้อหา HTML
ในบางสถานการณ์ที่หายากมากอาจไม่สามารถใช้ CSS ได้ สำหรับสถานการณ์เหล่านั้นคุณสามารถกำหนดสีพื้นหลังสีข้อความสีลิงก์และค่าอื่น ๆ ภายในแท็กเนื้อหา HTML ดังที่แสดงด้านล่าง
ด้านล่างนี้เป็นคำอธิบายของแต่ละแอตทริบิวต์ HTML ในแท็ก body
TEXT = สีของข้อความ
LINK = สีของลิงค์
VLINK = สีของลิงค์ที่เยี่ยมชม
ALINK = สีของลิงค์ที่ใช้งานหรือสีของลิงค์นั้นเปลี่ยนไปเมื่อคลิก
BGCOLOR = สีพื้นหลังของหน้า
เคล็ดลับ: เพื่อช่วยให้แสดงค่าทั้งหมดข้างต้นได้ดีขึ้นในหน้านี้สีของลิงค์เป็นสีน้ำเงินลิงค์ที่คุณเข้าชมเป็นสีม่วงและลิงค์ที่โฮเวอร์เหนือหรือคลิกจะเป็นสีแดง