網(wǎng)站建設(shè)中背景設(shè)計(jì)是非常重要的，特別是對(duì)于個(gè)人主頁(yè)，主頁(yè)的背景與房間的墻壁和地板是一樣的。良好的背景不僅會(huì)影響訪問(wèn)者對(duì)頁(yè)面內(nèi)容的接受程度，還會(huì)影響訪問(wèn)者對(duì)整個(gè)網(wǎng)站的印象。如果你經(jīng)常關(guān)注別人的網(wǎng)站，你會(huì)發(fā)現(xiàn)在不同的網(wǎng)站上，甚至在同一個(gè)網(wǎng)站的不同頁(yè)面上，都有各種各樣的背景設(shè)計(jì)。不同的背景和設(shè)計(jì)方法是什么？現(xiàn)在我將為您做一個(gè)完整的總結(jié)。

       網(wǎng)站設(shè)計(jì)中彩色背景的設(shè)計(jì)是最簡(jiǎn)單的，也是最常用和最重要的，因?yàn)樗葓D片背景具有無(wú)與倫比的顯示速度優(yōu)勢(shì)。在Web文檔中，網(wǎng)站頁(yè)面的顏色背景通常由標(biāo)記指定。HTML語(yǔ)法是：其中的“顏色”表示不同的顏色，可以用不同的方式表示。常見(jiàn)的是直接使用藍(lán)色、黃色、黑色等顏色的英文名稱(chēng)，以及﹐FF、﹐ff00、﹐000000等顏色的十六進(jìn)制表示，此外，還可以使用百分?jǐn)?shù)法和整數(shù)法，效果相同。雖然彩色背景比較簡(jiǎn)單，但有很多地方需要注意，比如根據(jù)不同的頁(yè)面內(nèi)容設(shè)計(jì)背景色的冷暖狀態(tài)，根據(jù)頁(yè)面布局設(shè)計(jì)背景色與頁(yè)面內(nèi)容的更佳視覺(jué)匹配等。

    沙背景實(shí)際上屬于圖片背景的范疇。其主要特點(diǎn)是整個(gè)頁(yè)面的背景可以看作是局部背景的重復(fù)排列。在這種背景中，沙背景是常見(jiàn)的，所以我們稱(chēng)之為沙背景。初學(xué)者的網(wǎng)站主頁(yè)制作者都有這樣的經(jīng)歷。當(dāng)他們?cè)噲D使用自己的照片作為頁(yè)面的背景時(shí)，他們發(fā)現(xiàn)瀏覽器上顯示的不僅是照片，而且是同一張照片在水平和垂直方向上的重復(fù)排列。這是瀏覽器處理圖片背景時(shí)的規(guī)則方法。利用這一規(guī)則，我們可以使用一張小圖片作為頁(yè)面背景，并讓它在頁(yè)面上自動(dòng)重復(fù)排列，并展開(kāi)整個(gè)頁(yè)面，從而大大減少了頁(yè)面的體積。恐怕讀者已經(jīng)知道了沙背景的原理和實(shí)現(xiàn)方法，即找到一張小圖片，越小越好，但要注意使最終的背景看起來(lái)像一個(gè)整體，而不是一堆幾張圖片。其實(shí)現(xiàn)的HTML語(yǔ)法如下：“picture”表示背景圖片的URL路徑。帶狀背景與砂背景相似。適合于頁(yè)面背景在水平或垂直方向上重復(fù)排列，但在另一個(gè)方向上不規(guī)則排列。它還使用瀏覽器自動(dòng)重復(fù)排列圖像背景。與沙子背景不同，它只允許圖像在一個(gè)方向上重復(fù)排列。

      以垂直排列為例，首先利用圖像處理軟件生成一幅左右漸變?yōu)樗{(lán)白色的水平條帶圖像，其長(zhǎng)度與頁(yè)面寬度相等。通過(guò)設(shè)置為頁(yè)面背景，瀏覽器顯示后，從左到右以藍(lán)、白漸變成為整個(gè)頁(yè)面的柱色背景。當(dāng)然，也可以使用類(lèi)似的方法來(lái)實(shí)現(xiàn)條形背景在水平方向上的重復(fù)排列。看到自己或朋友的照片作為頁(yè)面的背景有點(diǎn)令人興奮，但瀏覽器自動(dòng)重復(fù)排列的圖片使這個(gè)愿望很難實(shí)現(xiàn)。我該怎么辦？只有意想不到的事情我們做不到。這里我們使用一個(gè)簡(jiǎn)單的CSS。這樣在web文件中，你可以看到你的照片在頁(yè)面的中間，當(dāng)你拉動(dòng)瀏覽器窗口的滾動(dòng)條時(shí)，照片仍然在頁(yè)面的中間，而不是隨著頁(yè)面內(nèi)容滾動(dòng)。如果您對(duì)照片位于頁(yè)面中間不滿意，也可以隨意調(diào)整照片在頁(yè)面中的位置，只需調(diào)整“背景位置”的值即可。

    如果你在練習(xí)上面的“照片背景”時(shí)不小心在標(biāo)簽中設(shè)置了顏色背景，你看到了什么？顏色背景有用嗎？是的，您可以看到您的圖片漂浮在您設(shè)置的彩色背景上，這兩個(gè)背景可以同時(shí)正常顯示。這就是復(fù)合背景的魅力所在。更吸引人的是，當(dāng)您設(shè)置的圖像背景由于某些未知因素?zé)o法正常顯示時(shí)，瀏覽器可以自動(dòng)將其替換為您設(shè)置的彩色背景。我不需要多說(shuō)它的設(shè)計(jì)方法！

     上面提到的網(wǎng)站建設(shè)背景就是整頁(yè)的背景。你能為頁(yè)面上的部分內(nèi)容設(shè)置一個(gè)自己的背景嗎？答案是肯定的。最常見(jiàn)的是在表單設(shè)計(jì)中，我們可以從頁(yè)面為表單設(shè)置不同的背景，即使在不同的表單單元格中，我們也可以設(shè)置每個(gè)表單單元格的背景。

【版權(quán)聲明】:本站內(nèi)容來(lái)自于與互聯(lián)網(wǎng)(注明原創(chuàng)稿件除外),供訪客免費(fèi)學(xué)習(xí)需要。如文章或圖像侵犯到您的權(quán)益，請(qǐng)及時(shí)告知，我們第一時(shí)間刪除處理！謝謝！