欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS3系列教程:背景圖片(背景大小和多背景圖) 應(yīng)用說(shuō)明

  發(fā)布時(shí)間：2012-12-19 15:06:32   作者：佚名   我要評(píng)論
背景圖片/紋理有很多種使用方式，常常用于為添加網(wǎng)站的最佳的界面美化?，F(xiàn)在它在CSS3中被重視，我們可以應(yīng)用多背景圖和背景圖片尺寸來(lái)實(shí)現(xiàn)更完美的效果,需要的朋友可以了解下

背景圖片/紋理有很多種使用方式，常常用于為添加網(wǎng)站的最佳的界面美化?，F(xiàn)在它在CSS3中被重視，我們可以應(yīng)用多背景圖和背景圖片尺寸來(lái)實(shí)現(xiàn)更完美的效果。

CSS3的背景圖片大小可以寫成 background-size:Apx Bpx;
-Apx = x軸(圖片寬度)
-Bpx = y軸(圖片高度)

了解了這些，我們開始體驗(yàn)這個(gè)特性吧：
最好支持CSS3背景大小的瀏覽器是Safari和Opera，所以我們只需要使用-o和-webkit前綴。

背景大小

background-size

復(fù)制代碼
代碼如下:

#backgroundSize{
border: 5px solid #bd9ec4;
background:url(image_1.extention) bottom right no-repeat;
-o-background-size: 150px 250px;
-webkit-background-size: 150px 250px;
padding: 15px 25px;
height: inherit;
width: 590px;
}

瀏覽器支持：

為了在CSS3中應(yīng)用多背景圖片，我們使用都好隔開，例如：

復(fù)制代碼
代碼如下:

background: url(image_1.extention) top right no-repeat, url(image_2.extention) bottom right no-repeat;

我們可以在一行代碼中嘗試放置多個(gè)不同的圖片…
多背景圖

background-size

復(fù)制代碼
代碼如下:

#backgroundMultiple{
border: 5px solid #9e9aab;
background:url(image_1.extention) top left no-repeat,
url(image_2.extention) bottom left no-repeat,
url(image_3.extention) bottom right no-repeat;
padding: 15px 25px;
height: inherit;
width: 590px;
}

瀏覽器支持：

相關(guān)文章

最新評(píng)論