體驗css+div 之 給整個頁面添加漸變背景
隨著WEB2.0網頁設計風格的盛行,越來越多的優秀UI出現在各大網站中,它以清爽、簡潔、主次分明的特征迎得了廣大網頁設計師們和各大網站站長們的青睞，而WEB2.0表現最出色的地方就是它對光感效果透徹的運用,經常會看到WEB2.0清新,通透的效果,那么這一效果的實現運用的什么手法呢?它最主要的手法就是色調漸變的運用,如果在一個網頁中能夠成功運用漸變背景那么整個頁面的主次效果就更加的顯著,那么如何在CSS+DIV控制的HTML制作中實現:將整個網頁背景添加漸變背景呢:下面這些將會讓你輕松地解決問題:
body {
background: #e9e9e9 url (images / image.gif ) repeat-x;
}
小技巧:1. image.gif----它是一個漸變圖片的高度不變的直細條
2. 我們知道網頁寬度是限定的,而高度則是無限延伸的,當網頁的高度超過"image.gif"的高度時漸變就會突然停止.不用擔心,我們可以把漸變圖片變化到一個固定顏色的色值做為背景顏色。而背景圖片總是出現在背景顏色的上面，那么當漸變圖片結束時，背景顏色就會顯示出來了。這里圖片和背景顏色之間的轉換就看不出來了。
eg:
<style type="text/css">
body{
background: #dae9fe url(Images/bkgrd.gif) repeat-x ; /* 背景色漸變 */
}
</style>
posted on 2009-03-20 19:07
fl1429 閱讀(583)
評論(0) 編輯 收藏 所屬分類:
Ajax