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

前端之家收集整理的这篇文章主要介绍了css – 如何拉伸背景图像以填充div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想设置一个背景图像到不同的div,但我的问题是:

>图像的大小是固定的(60像素)。
>改变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;
}

Check the code here.

解决方法

background-size:100%;

到你的css下面的背景图像。

您也可以指定精确的尺寸,例如:

background-size: 30px 40px;

这里:JSFiddle

原文链接:https://www.f2er.com/css/223255.html

猜你在找的CSS相关文章