五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 建站教程 > css教程 > CSS3 background-size 屬性

CSS3 background-size 屬性

此節(jié)有 293 人學(xué)習(xí)過     參與評論

實(shí)例

規(guī)定背景圖像的尺寸:

div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}

親自試一試

瀏覽器支持

IE Firefox Chrome Safari Opera

IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-size 屬性。

定義和用法

background-size 屬性規(guī)定背景圖像的尺寸。

默認(rèn)值: auto
繼承性: no
版本: CSS3
JavaScript 語法: object.style.backgroundSize="60px 80px"

語法

background-size: length|percentage|cover|contain;
描述 測試
length

設(shè)置背景圖像的高度和寬度。

第一個(gè)值設(shè)置寬度,第二個(gè)值設(shè)置高度。

如果只設(shè)置一個(gè)值,則第二個(gè)值會被設(shè)置為 "auto"。

測試
percentage

以父元素的百分比來設(shè)置背景圖像的寬度和高度。

第一個(gè)值設(shè)置寬度,第二個(gè)值設(shè)置高度。

如果只設(shè)置一個(gè)值,則第二個(gè)值會被設(shè)置為 "auto"。

測試
cover

把背景圖像擴(kuò)展至足夠大,以使背景圖像完全覆蓋背景區(qū)域。

背景圖像的某些部分也許無法顯示在背景定位區(qū)域中。

測試
contain 把圖像圖像擴(kuò)展至最大尺寸,以使其寬度和高度完全適應(yīng)內(nèi)容區(qū)域。 測試

親自試一試 - 實(shí)例

拉伸背景圖像
拉伸背景圖像來完全覆蓋內(nèi)容區(qū)域。
拉伸背景圖像,對背景圖像水平復(fù)制四次
對背景圖像進(jìn)行拉伸,以使背景圖像恰好水平復(fù)制四次。

相關(guān)頁面

CSS3 教程:CSS3 背景

如對本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會為你解答!! 點(diǎn)擊進(jìn)入論壇

發(fā)表評論 (293人查看,0條評論)
請自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴(yán)禁發(fā)布色情、暴力、反動(dòng)的言論。
昵稱:
最新評論
------分隔線----------------------------
css教程目錄

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

· 技術(shù)支持
· 服務(wù)時(shí)間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號