DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS3網頁制作技巧:css3多重背景
CSS3網頁制作技巧:css3多重背景
編輯:CSS進階教程     

對於background不必多做解釋了,如果不了解的可以單獨論壇發帖。

css3以下版本的background只能單獨對一張圖片進行背景設置、平鋪方式、背景位置。而在css3賦予了它更大的權利,可以設置更多背景圖片,這就是今天要說的css3多重背景。

多重背景語法:background:背景,背景,背景;


1.background: url(images/weather-cloud.png) center center no-repeat, url(images/weather-clouds.png) top left no-repeat, url(images/weather-cloudy.png) top right no-repeat, url(images/weather-rain.png) bottom left no-repeat,url(images/weather-snow.png) bottom right no-repeat;

這種也是由css2中的background升級過來,只不過支持了多重背景。同樣它也分開來寫:


1.background-image:url(images/weather-cloud.png),url(images/weather-clouds.png),url(images/weather-cloudy.png),url(images/weather-rain.png),url(images/weather-snow.png);  2.background-repeat: no-repeat;  3.background-position:center center,top left,top right,bottom left,bottom right;
切記:image調用幾個,如果不共用其他屬性,必須分別寫出屬性。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved