背景图片大小设置成原始大小
时间: 2024-04-24 17:21:24 浏览: 7
要将背景图片的大小设置为原始大小,可以使用`background-size`属性,并将其值设置为`auto`。以下是一个示例代码:
```css
.box_one {
background-image: url("http://47.94.195.4:9005/screen/shunfu/yzj/05.png");
background-repeat: no-repeat;
background-size: auto;
}
```
在上述示例中,`.box_one`是要应用背景图片的盒子的类名。通过设置`background-size: auto;`,背景图片的大小将会保持原始的尺寸。
希望这个示例对你有帮助!如有其他问题,请随时提问。
相关问题
css背景图片大小设置
你可以使用 `background-size` 属性来设置 CSS 背景图片的大小。该属性接受以下值:
- `auto`:默认值,保持原始大小。
- `cover`:将图片缩放到尽可能大,同时仍然保持其宽高比。
- `contain`:将图片缩放到尽可能小,同时仍然保持其宽高比。
- `<length>`:使用像素值或其他长度单位来指定宽度和高度,如 `background-size: 200px 100px;`。
- `<percentage>`:使用百分比来指定宽度和高度,如 `background-size: 50% 75%;`。
例如,要将背景图片缩放到尽可能大,同时仍然保持其宽高比,可以使用以下代码:
```css
background-size: cover;
```
如果你想将背景图片的宽度设置为 200 像素,高度设置为 100 像素,可以使用以下代码:
```css
background-size: 200px 100px;
```
怎么设置背景图片的大小
要设置背景图片的大小,可以使用CSS中的background-size属性。该属性用于设置背景图像的大小。常见的取值有:
1. cover:缩放背景图片,使其完全覆盖背景区域,可能会裁剪部分图片
2. contain:缩放背景图片,使其完全包含在背景区域内,不会裁剪图片
3. 尺寸值:用具体尺寸值来设置背景图片大小,如background-size: 100% 100%;
例如,要设置背景图片大小为铺满整个背景区域,可以使用以下代码:
```
background-size: cover;
```
如果要设置背景图片大小为原始大小,可以使用以下代码:
```
background-size: auto;
```
如果要设置背景图片大小为具体尺寸,可以使用以下代码:
```
background-size: 100% 100%;
```
其中,第一个值代表宽度,第二个值代表高度。