萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> div css延伸至屏幕底部的背景色的方法

div css延伸至屏幕底部的背景色的方法

歡迎大家在這裡學習div css延伸至屏幕底部的背景色!下面是我們給大家整理出來的精彩內容。希望大家在這裡學習!

css的缺點之一是缺乏垂直方向的控制,從而導致了一個表格布局不會遇到的問題。假設你在頁面的左側設定了一列用於放置網站的導航。頁面為白色背景,但你希望導航所在的列為藍色背景,使用以下css即可:

#navigation

{

background: blue;

width: 150px;

}

問題在於導航項不會一直延伸到頁面的底部,自然它的背景色也不會延伸到底部。於是左列的藍色背景在頁面上被半路截斷,浪費了你的一番設計。怎麼辦呢?很不幸我們現在只能用欺騙的辦法,即將body的背景指定為與左列同顏色同寬度的圖片,css如下:

body

{

background: url(blue-image.gif) 0 0 repeat-y;

}

背景圖應為寬150像素的藍色圖片。這一辦法的缺點是沒法使用em來指定左列的寬度,當用戶改變文字的大小導致內容的寬度擴張時,背景色的寬度不會隨之改變。

好了,div css延伸至屏幕底部的背景色內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦:

div css圖片替換的技巧 

copyright © 萬盛學電腦網 all rights reserved