好的背景使站點(diǎn)看上去特別棒。
HTML背景
實(shí)例
- 搭配良好的背景和顏色
- 一個(gè)背景顏色和文字顏色搭配良好的例子，使頁(yè)面中的文字易于閱讀。
- 搭配得不好的背景和顏色
- 一個(gè)背景顏色和文字顏色搭配得不好的例子，使頁(yè)面中的文字難于閱讀。
（可以在本頁(yè)底端找到更多實(shí)例。）
背景（Backgrounds）
<body> 擁有兩個(gè)配置背景的標(biāo)簽。背景可以是顏色或者圖像。
背景顏色（Bgcolor）
背景顏色屬性將背景設(shè)置為某種顏色。屬性值可以是十六進(jìn)制數(shù)、RGB 值或顏色名。
<bodybgcolor="#000000"> <bodybgcolor="rgb(0,0,0)"> <bodybgcolor="black">
以上的代碼均將背景顏色設(shè)置為黑色。
背景（Background）
背景屬性將背景設(shè)置為圖像。屬性值為圖像的URL。如果圖像尺寸小于瀏覽器窗口，那么圖像將在整個(gè)瀏覽器窗口進(jìn)行復(fù)制。
<bodybackground="clouds.gif"> <bodybackground="http://www.w3school.com.cn/clouds.gif">
URL可以是相對(duì)地址，如第一行代碼。也可以使絕對(duì)地址，如第二行代碼。
提示：如果你打算使用背景圖片，你需要緊記一下幾點(diǎn)：
- 背景圖像是否增加了頁(yè)面的加載時(shí)間。小貼士：圖像文件不應(yīng)超過(guò) 10k。
- 背景圖像是否與頁(yè)面中的其他圖象搭配良好。
- 背景圖像是否與頁(yè)面中的文字顏色搭配良好。
- 圖像在頁(yè)面中平鋪后，看上去還可以嗎？
- 對(duì)文字的注意力被背景圖像喧賓奪主了嗎？
基本的注意事項(xiàng) - 有用的提示：
<body> 標(biāo)簽中的背景顏色（bgcolor）、背景（background）和文本（text）屬性在最新的 HTML 標(biāo)準(zhǔn)（HTML4 和 XHTML）中已被廢棄。W3C 在他們的推薦標(biāo)準(zhǔn)中已刪除這些屬性。
應(yīng)該使用層疊樣式表（CSS）來(lái)定義 HTML 元素的布局和顯示屬性。
更多實(shí)例
- 可用性強(qiáng)的背景圖像
- 背景圖像和文字顏色使頁(yè)面文本易于閱讀的例子。
- 可用性強(qiáng)的背景圖像 2
- 另一個(gè)背景圖像和文字顏色使頁(yè)面文本易于閱讀的例子。
- 可用性差的背景圖像
- 背景圖像和文字顏色使頁(yè)面文本不易閱讀的例子。
上一篇: 你已經(jīng)將 HTML 教程學(xué)習(xí)完畢，下一步該學(xué)習(xí)什么呢？ 下一篇: HTML 字符實(shí)體
