สีพื้นหลัง HTML

Good background makes the site look especially good.

Examples

Goodly matched background and color
An example of a good match between background color and text color, making it easy to read the text on the page.
Badly matched background and color
An example of a bad match between background color and text color, making it difficult to read the text on the page.

（You can find more examples at the bottom of this page。）

background (Backgrounds)

<body> Has two tags to configure the background. The background can be a color or an image.

background color (Bgcolor)

background color attribute sets the background to a certain color. The attribute value can be a hexadecimal number, RGB value, or color name.

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

รหัสภาษาดังกล่าวจะตั้งค่าสีหลังสวนเป็นสีดำ

หลังสวน (Background)

รหัสภาษาของหลังสวนจะตั้งค่าหลังสวนเป็นรูปภาพ ค่าของรหัสภาษาคือ URL ของรูปภาพ ถ้าขนาดของรูปภาพน้อยกว่าขนาดหน้าต่างบราวเซอร์ รูปภาพจะถูกโค้งทั้งหมดในหน้าต่างบราวเซอร์

<body background="clouds.gif">
<body background="http://www.codew3c.com/clouds.gif">

URL สามารถเป็นทางออกที่เป็นอิสระ อย่างเช่น รายการรหัสในบรรทัดแรก หรือสามารถเป็นทางออกที่เป็นอิสระ อย่างเช่น รายการรหัสในบรรทัดที่สอง

คำแนะนำ:หากคุณตั้งใจที่จะใช้รูปภาพหลัง คุณต้องจำได้ข้อนี้:

  • รูปภาพหลังได้เพิ่มเวลาในการโหลดหน้าหรือไม่ คำแนะนำ: ไฟล์รูปภาพควรไม่เกิน 10k
  • รูปภาพหลังได้เข้ากันดีกับรูปภาพอื่นในหน้าหรือไม่
  • รูปภาพหลังได้เข้ากันดีกับสีของข้อความในหน้าหรือไม่
  • รูปภาพที่ติดตั้งเป็นแบบตารางในหน้าเว็บนั้นดูดีไหม?
  • รูปภาพหลังความสำคัญของข้อความถูกหยิบยกไปแล้วไหม?

ความระมัดระวังพื้นฐาน - คำแนะนำที่มีประโยชน์:

<body> แทรกของรหัสภาษา (bgcolor) และ background และ text ในมาตราฐาน HTML ล่าสุด (HTML4 และ XHTML) ได้ถูกยกเลิกแล้ว W3C ได้ลบออกเหล่ารหัสภาษานี้ในมาตราฐานที่นำเสนอของพวกเขา

ควรใช้ตารางสไตล์เครื่องหมาย (CSS) ในการกำหนดตำแหน่งและคุณสมบัติการแสดงขององค์ประกอบ HTML

ตัวอย่างเพิ่มเติม

รูปภาพหลังที่มีความสะดวกในการใช้
ตัวอย่างที่ใช้รูปภาพหลังและสีของข้อความที่ทำให้ข้อความของหน้าง่ายที่จะอ่าน
รูปภาพหลังที่มีความสะดวกในการใช้ 2
ตัวอย่างอื่น ๆ ของรูปภาพหลังและสีของข้อความที่ทำให้ข้อความของหน้าง่ายที่จะอ่าน
รูปภาพหลังที่ไม่มีความสะดวกในการใช้
ตัวอย่างที่ใช้รูปภาพหลังและสีของข้อความที่ทำให้ข้อความของหน้ายากที่จะอ่าน