css怎样拉伸图片 |css div 父div底部

background-size: 100% 100%;

上述代码将背景图片在水平和垂直方向上拉伸至100%。

如果希望仅在水平方向或垂直方向上拉伸图片，可以使用以下代码：

background-size: 100% auto; /* 水平方向上拉伸图片 */
background-size: auto 100%; /* 垂直方向上拉伸图片 */

此外，大家还可以使用background-size属性的cover选项来拉伸图片以填充整个元素。例如：

background-size: cover;

上述代码将拉伸图片以填满整个元素。需要注意的是，此选项会裁剪图片，因此可能会导致部分图片被隐藏。

最后，如果希望保持图片的比例，只是将其缩放到适当的大小，可以使用以下代码：

background-size: contain;

上述代码将缩放图片以适应元素，同时保持图片比例。需要注意的是，此选项会在元素周围留下空白，可能会影响布局。

综上所述，通过CSS的background-size属性，大家可以轻松地拉伸图片以适应网页的布局。需要根据具体的需求选择合适的选项。希望这篇文章对您有所帮助！