การใส่สีพื้นหลังให้กับ Background
ในบทเรียนนี้ เราจะมาดูโค๊ดที่ ใส่สีพื้นหลังให้ background กันดูนะครับ แต่ขอแนะนำนิดนึงนะครับว่า เราควรเลือกสีให้เหมาะสมกับ ตัวหนังสือ หรือไม่ก็ภาพประกอบต่างๆภายในเว็บเพจด้วย มิฉะนั้น อาจจะออกมาดูแปลกๆ
การใส่สีให้กับพื้นหลังมีคำสั่งดังต่อไปนี้
<body bgcolor ="#FFCCFF"> <-- ใส่คำว่า bgcolor="ค่าสี" ต่อจาก การเปิดแท็ก <body>
ทดสอบสีของพื้นหลัง
</body>
ผลลัพท์ที่ได้
ทดสอบสีของพื้นหลัง
นอกเหนือจากการกำหนดโค๊ดของสีพื้นหลังให้เป็น โค๊ดแบบ "#FFCCFF" รหัสค่าสีแล้ว คุณยังสามารถที่จะกำหนดค่าสีเป็นแบบตัวอักษรแทนชื่อสีได้โดยตรงเช่น
<body bgcolor="yellow">
ทดสอบค่าสีโดยใช้ชื่อสีโดยตรง
</body>
ผลลัพท์ที่ได้
ทดสอบค่าสีโดยใช้ชื่อสีโดยตรง
ข้อดีของการกำหนดค่าสีแบบใช้ชื่อสีโดยตรงคือ จำง่าย แต่ว่า หากว่าเราต้องการกำหนดค่าสีให้มีความอ่อนเข้มแตกต่างกันนั้น ก็อาจจะทำไม่ได้ดีเท่าไรนัก นอกจากใช้รหัสค่าสีแบบตัวอย่างแรกแทน
ตัวอย่างการกำหนดค่าสีแบบตัวเลข
"#000000"= สีดำ
"#FFFFFF"= สีขาว
"#FF0000" = สีแดงเข้ม
"#9900FF" = สีม่วง
"#FF33FF" = สีชมภู
"#0000FF" = สีน้ำเงิน
"#99FF00" = สีเขียว
นอกเหนือจากนี้เรายังสามารถกำหนค่าสีอื่นๆได้อีก โดยการนำค่าสีแต่ละสีมาผสมกัน ซึ่งมือใหม่อาจจะคิดว่าคงจะยาก หากเราจะกำหนดสีให้ได้ดั่งใจ แต่ผมขอบอก.. ไม่ยากอย่างที่คุณคิดหรอกครับ เพราะว่าเดี๋ยวนี้มีโปรแกรมในการทำเว็บไซด์ต่างๆมากมาย ซึ่งเมื่อคุณจะเลือกสี โปรแกรมนั้นก็จะแสดงสีต่างๆ ให้คุณได้เห็นแบบที่ต้องการเลยหละครับ
ควย
ตอบลบ