วิธีการเปลี่ยนพื้นหลังและสีข้อความของหน้าเว็บ

ด้านล่างนี้เป็นขั้นตอนเกี่ยวกับวิธีเปลี่ยนสีพื้นหลังของหน้าเว็บใน HTML และ CSS แม้ว่าสีพื้นหลังสามารถทำได้ด้วยแท็ก HTML BODY แต่เราขอแนะนำให้คุณระบุค่าสีพื้นหลังใน CSS ดังที่แสดงด้านล่าง

เคล็ดลับ: เมื่อกำหนดสีขององค์ประกอบหน้าเว็บใด ๆ คุณอาจต้องใช้รหัสสี 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 = สีพื้นหลังของหน้า

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