1. 首页
  2. 问题
  3. 如何拉伸背景图像以填充div
小编典典

如何拉伸背景图像以填充div

css

我想为不同的div设置背景图像，但是我的问题是：

  1. 图片尺寸为固定值（60px）。
  2. 改变div的大小

如何拉伸背景图像以填充整个div背景？

#div2{
  background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png);
  height:180px;
  width:200px;
  border: 1px solid red;
}

阅读 343

收藏
2020-05-16

共1个答案

小编典典

加

background-size:100% 100%;

到背景图片下方的CSS。

您还可以指定确切的尺寸，即：

background-size: 30px 40px;
2020-05-16