在製作網頁過程中,經常需要考慮頁面中的留白問題,因為我們設計時,按大多數使用者顯示器的設定來製作內容區,即橫向解析度的設定是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 我的四邊為...