網頁製作中的背景處理

2021-06-25 16:53:59 字數 1120 閱讀 6388

在製作網頁過程中,經常需要考慮頁面中的留白問題,因為我們設計時,按大多數使用者顯示器的設定來製作內容區,即橫向解析度的設定是1024畫素,可是使用者設定是多樣化的比如有的使用者是1280、1440、1600、1680等,內容區之外會有很多的留白,為了美觀起見,不可避免地需要對留白區進行一些處理。

下面是一般的做法。

1、用乙個來做背景,其餘的地方填充顏色。

①背景圖很大,不鋪;

②背景很長,只是橫向鋪而縱向不鋪;

③一張橫向縱向都鋪。

根據效果選擇,關鍵是背景的處理。

2、留白的地方要多樣化,可以用多個垂直疊放的div來處理,中間內容區域都設定為996px,div裡面的背景圖可以按照1所列的方法,這樣的效果是比較理想的,就是選擇和處理背景需要一些功夫。

3、採用指令碼控制,判斷使用者設定的橫向解析度如果大於1024,則div顯示,否則就不顯示。

先把一些處理寫成樣式,然後

if(screen.width>=1024)

或者應用jquery進行屬性的修改.

有時候根據需要進行背景變換,那麼可以通過指令碼來實現。

function changebg(sselect) 

if(sselect == 'image') 

}  在對div進行背景鋪設時,也可以用指令碼來控制顯示背景。

隨機背景:

var bgpic = ;

bgpic[0] = "路徑和名稱1";

bgpic[1] = "路徑和名稱2";

bgpic[2] = "路徑和名稱3";

var irand = math.round( math.random() * 3 );

document.write('');

ps:背景的屬性如下:

可以縮寫為一句:background:#333 url(bg.jpg) no-repeat fixed 10px 10px;

CSS網頁製作技巧之控制網頁背景

我想大家常常為一些比較合適於自己的網頁背景的而發愁吧,這個我想也是有的,因為這些不是太大就是太小,或者太亂,那麼有沒有辦法讓能合自己的主頁的胃口呢?答案是肯定的。想知道怎麼來實現嘛,好吧,大家現在開始跟著我做,我保證大家一定一學就會。不過,我想在網上 成家 的朋友一般分為在網咖裡 開業 就像我一樣,...

網頁製作中燈籠製作步驟

製作燈籠步驟 步驟1 新建文件,設定畫布大小為300x300畫素。步驟2 選擇選單欄中的 檢視 網格 一 顯示網格 命令,在畫布中顯示網格。再選擇選單欄,編輯 一 首選引數 命令,在 輔助線和網格 類別中設定網格的寬度 高度均為20畫素。步驟3 選擇工具箱中的橢圓工具,在其屬性面板中進行屬性設定,筆...

CSS製作網頁中的虛線

這裡議決邊框屬性的虛線邊框border控制虛線。以下配置的css 高度 css height 和css 寬度 css width 為350畫素是為了便於 演示 其它意思。一 四邊為虛線邊框 border 1px dashed 000 黑色虛線邊框 例項 css hackhome html 我的四邊為...