国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css怎么設(shè)置插入背景圖片大小,CSS設(shè)置背景圖片大小的方法

前端小編 5 0

CSS中設(shè)置插入背景圖片的大小可以通過以下方式實(shí)現(xiàn):

1、使用widthheight屬性:在CSS中,可以使用widthheight屬性來設(shè)置背景圖片的大小,如果你想要將背景圖片設(shè)置為寬度為300像素,高度為200像素,可以使用以下代碼:

body {
  background-image: url('image.jpg');
  background-width: 300px;
  background-height: 200px;
}

2、使用background-size屬性:CSS3中引入了background-size屬性,它允許你指定背景圖片的大小,你可以使用以下代碼將背景圖片設(shè)置為寬度為300像素,高度為200像素:

body {
  background-image: url('image.jpg');
  background-size: 300px 200px;
}

注意,在使用background-size屬性時(shí),如果第二個(gè)值省略了,那么瀏覽器會(huì)自動(dòng)計(jì)算高度以保持原始圖片的寬高比。

3、使用max-widthmax-height屬性:如果你想要讓背景圖片在容器中保持其原始大小,但不超過容器的寬度或高度,可以使用max-widthmax-height屬性。

body {
  background-image: url('image.jpg');
  max-width: 300px;
  max-height: 200px;
}

在這個(gè)例子中,背景圖片的大小不會(huì)超過300像素寬度或200像素高度。

4、使用containcover值:CSS中還有background-repeat屬性,它決定了背景圖片如何重復(fù)填充容器。contain值會(huì)讓圖片保持其原始大小并適應(yīng)容器,而cover值會(huì)讓圖片擴(kuò)展以覆蓋整個(gè)容器。

body {
  background-image: url('image.jpg');
  background-repeat: contain; /* 或 cover */
}

在這個(gè)例子中,背景圖片會(huì)被縮放以適應(yīng)容器的大小。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
男人狂躁女人女人40分钟视频| 成人一区二区三| 亚洲欧美在线看| 亚洲国产天堂久久综合| 少妇极品熟妇人妻| 国产乱老熟女2| 内射久久久| 色欧美88888久久久久久影院| 8848在线观看高清电影电视剧| 国产精品欧美久久久久久| 黑人玩弄人妻一区二区三区影院| 久久久久久亚洲精品美女| 日日碰狠狠躁久久躁婷婷| 性感男人| 日韩欧美成人精品| 日韩精品视频在线看| 激情都市婷婷| 亚洲国产成人91精品| 波多野结衣 无码| 人妻久久久久久久久久久| 亚洲午夜久久久久久久久电影网 | 国产bbwbbwbbw高潮| 人妻少妇中文字幕| 97国产AV传媒视频在线观看| 狠狠入ady亚洲精品经典电影| 日韩精品视频在线看| 熟女 一区| 人人妻人人澡人人爽人人免费 | 丁香花中文字幕mv在线免费观看| 天天夜夜狠狠| 3d成人动漫在线观看| 九九国产精品入口麻豆| 黑人巨大av| 精品国产99久久久久久| 国产精品人人爽人人爽av| 成人久久久久久久| 漂亮人妻av乱片aⅴ| 国产裸体永久免费无遮挡| 第一次和公翁做爰又大又粗| 飘雪电影网在线播放观看| 成人乱人伦一区二区三区|