พื้นฐาน HTML ตอนใส่สีพื้นหลัง

html-background-color

อีกหนึ่งทิปในการทำเว็บให้ดูสะดุดตา

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

รูปแบบคำสั่งใส่สีฉากหลัง ประกอบด้วย

<span style=”background-color: #FFFF00″> ข้อความของเรา </span>

ตัวอย่างคำสั่งการใส่สีให้กับข้อความ

<span style=”background-color: #ffff00″>  ทำเว็บเป็นเรื่องง่าย คุณหรือใครๆ ก็ทำได้ </span>

<span style=”background-color: #ffa800″>  ทำเว็บเป็นเรื่องง่าย คุณหรือใครๆ ก็ทำได้ </span>

<span style=”background-color: #ff671d”>  ทำเว็บเป็นเรื่องง่าย คุณหรือใครๆ ก็ทำได้ </span>

<span style=”background-color: #f41919″>  ทำเว็บเป็นเรื่องง่าย คุณหรือใครๆ ก็ทำได้ </span>

 

ผลลัพธ์ของการใช้คำสั่งข้างต้น

ทำเว็บเป็นเรื่องง่าย คุณหรือใครๆ ก็ทำได้

ทำเว็บเป็นเรื่องง่าย คุณหรือใครๆ ก็ทำได้

ทำเว็บเป็นเรื่องง่าย คุณหรือใครๆ ก็ทำได้

ทำเว็บเป็นเรื่องง่าย คุณหรือใครๆ ก็ทำได้

คำอธิบายเพิ่มเติม

ตัวอักษรแปลกๆ ที่อยู่หลัง เครื่องหมาย “#” นี้ คือคำสั่งในการแสดงสีน่ะีครับ ใครยังไมุ่คุ้นเคยก็ทำความเข้าใจกันก่อน

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