建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
css如何讓背景圖拉伸
這篇文章給大家分享的是有關(guān)css如何讓背景圖拉伸的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。
成都創(chuàng)新互聯(lián)是一家專業(yè)提供臨沂企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、成都網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、小程序制作等業(yè)務(wù)。10年已為臨沂眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。
在css中，可以使用background-size屬性讓背景圖拉伸，只需要給元素設(shè)置“background-size:100% 100%;”樣式即可。該屬性可以以父元素的百分比來設(shè)置背景圖像的寬度和高度。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
background-size 屬性規(guī)定背景圖像的尺寸。
語法
background-size: length|percentage|cover|contain;
實(shí)例：
這是一個(gè)段落。
這是一個(gè)段落。
這是一個(gè)段落。
這是一個(gè)段落。
這是一個(gè)段落。
這是一個(gè)段落。
這是一個(gè)段落。
這是一個(gè)段落。
這是一個(gè)段落。
效果
感謝各位的閱讀！關(guān)于“css如何讓背景圖拉伸”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
網(wǎng)頁題目：css如何讓背景圖拉伸
分享鏈接：http://www.ef60e0e.cn/article/pggieg.html
