做網(wǎng)站如何設(shè)置頁面背景
作者:佚名 時(shí)間:2014-02-17 分享到:
做網(wǎng)站如何設(shè)置頁面背景
網(wǎng)站如果做出單純一處顏色不足以烘托效果,還可以通過設(shè)置<body>標(biāo)簽background屬性在網(wǎng)站中放置一個(gè)圖像。
background屬性需要的值是一個(gè)圖像的URL。瀏覽器會(huì)自動(dòng)在水平和垂直方向上重復(fù)該圖像(平鋪)來填滿整個(gè)窗口。
通常應(yīng)該選擇小而暗淡的圖像來創(chuàng)建一個(gè)有趣的背景圖案,但又不會(huì)顯得突兀。除此之外,短小精悍的圖片在網(wǎng)站中顯示時(shí),比衣服錯(cuò)綜復(fù)雜的全屏圖片要快得多。
圖展示了擴(kuò)展的瀏覽器如何時(shí)顯示單塊磚,來創(chuàng)建一面磚墻作為文檔的背景:
<body background="http://www.ktcbnqb.cn/upload/UPPress/2015/12/29/p105931493.png">

一塊磚在IE8瀏覽器的背景中變成了很多塊磚
不同維數(shù)和大小的背景圖像會(huì)在頁面上創(chuàng)建出有趣的垂直和水平效果。例如,一個(gè)高而窄的圖像可以分出文檔的開頭:
但是HTML4和XHTML并不贊成使用background屬性,因?yàn)橛脴邮奖硪部梢缘玫筋愃菩Ч?/div>
bgproperties屬性
知名瀏覽器都支持<body>標(biāo)簽bgproperties屬性擴(kuò)展。但它只有與background屬性擴(kuò)展一起使用時(shí)才有效。bgproperties屬性只有一個(gè)值fixed。它把背景圖像凍結(jié)在瀏覽器窗口中,這樣它就不會(huì)隨著其人窗口內(nèi)容而滾動(dòng)了。因此,示例的背景圖像可以用作文檔的水印
text屬性
一旦改變了文檔的背景顏色或添加背景圖像,還可能需要調(diào)整文本顏色才能確保使用戶要吧閱讀的文本。<body>標(biāo)簽在HTML4的text文本標(biāo)準(zhǔn)屬性是這樣做的:它設(shè)置整個(gè)文檔中所有無鏈接文本的顏色。
用與指定背景顏色時(shí)相同的格式來為text屬性指定一個(gè)顏色值,也就是一個(gè)RGB組合或顏色名稱,關(guān)于這方面顏色編碼的內(nèi)容可以查得到。例如,要一個(gè)淡黃色背景、藍(lán)色文本的文檔,可以用下列代碼:
<body bgcolor=“#777700” text=“blue”>
當(dāng)然,做網(wǎng)站還是選擇與背景顏色或圖像對(duì)比鮮明的文本顏色。
如沒特殊注明,文章均為上海聯(lián)楷網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自:http://www.ktcbnqb.cn/news/20151229/n6648.html