新聞中心
css中設(shè)置背景圖片的大小的方法:可以利用background-size屬性來(lái)進(jìn)行設(shè)置,如【background-size:80px 60px;】。background-size屬性可以指定背景圖片的寬度和高度。
從化網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,從化網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為從化上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢,請(qǐng)找那個(gè)售后服務(wù)好的從化做網(wǎng)站的公司定做!
環(huán)境:
本文適用于所有品牌的電腦。
(推薦教程:css視頻教程)
屬性介紹:
background-size屬性指定背景圖片大小。
語(yǔ)法:
background-size: length|percentage|cover|contain;
屬性值:
length 設(shè)置背景圖片高度和寬度。第一個(gè)值設(shè)置寬度,第二個(gè)值設(shè)置的高度。如果只給出一個(gè)值,第二個(gè)是設(shè)置為 auto(自動(dòng))
percentage 將計(jì)算相對(duì)于背景定位區(qū)域的百分比。第一個(gè)值設(shè)置寬度,第二個(gè)值設(shè)置的高度。如果只給出一個(gè)值,第二個(gè)是設(shè)置為"auto(自動(dòng))"
cover 此時(shí)會(huì)保持圖像的縱橫比并將圖像縮放成將完全覆蓋背景定位區(qū)域的最小大小。
contain 此時(shí)會(huì)保持圖像的縱橫比并將圖像縮放成將適合背景定位區(qū)域的大小。
舉例:
控制背景圖片的大小
div
{
background:url(img_flwr.gif); background-size:80px 60px; background-repeat:no-repeat;
}相關(guān)推薦:CSS教程
文章題目:css中如何設(shè)置背景圖片的大小
網(wǎng)址分享:http://www.dlmjj.cn/article/cpdhee.html


咨詢
建站咨詢

