css背景图片拉伸不变形
时间: 2023-07-28 21:25:56 浏览: 300
页面背景图片的拉伸实现代码
可以使用CSS的`background-size`属性来控制背景图片的尺寸,同时保持其宽高比不变。例如,将属性值设置为`cover`可以让背景图片完全覆盖目标元素,并且保持其宽高比不变。另外,还可以使用`background-position`属性来调整背景图片在目标元素中的位置。例如,将属性值设置为`center`可以让背景图片在目标元素中居中显示。以下是一个示例代码:
```css
div {
background-image: url('your-image-url');
background-size: cover;
background-position: center;
}
```
其中,`div`是目标元素的选择器,`your-image-url`是背景图片的URL。你可以根据自己的需求来调整`background-size`和`background-position`的属性值。
阅读全文