background:url()使用方法
时间: 2023-04-28 22:05:12 浏览: 147
`background: url()` 是 CSS 中用来设置背景图片的语句。
语法格式如下:
```
background: url(image_url) no-repeat center center fixed;
```
其中,`image_url` 是图片的网络路径或本地路径;`no-repeat` 表示图片不重复显示;`center center` 表示图片居中对齐;`fixed` 表示图片固定不随页面滚动而移动。
这是一个简单的例子,
```html
<style>
.example{
background: url(images/example.jpg) no-repeat center center fixed;
}
</style>
```
在HTML里面
```html
<div class="example"></div>
```
这样 就可以让class为example的div有一个背景图片。
相关问题
background:url
background:url 是一种 CSS 属性,用于设置元素的背景图像。可以使用绝对或相对路径来指定图像的位置。例如,可以使用以下代码将元素的背景图像设置为名为 "example.png" 的图像:
```
background:url("example.png");
```
也可以在这个属性中添加其他的参数,例如设置背景图像的重复方式,如下所示:
```
background: url("example.png") no-repeat;
```
这将使背景图像不会重复。还可以设置背景图像的大小,如下所示:
```
background: url("example.png") no-repeat center center/cover;
```
这将使背景图像居中并覆盖整个元素。
background: url
"background-image: url" 是一种 CSS 样式表属性,用于在 HTML 元素的背景中添加一个图像。通过使用 "url" 函数,可以将图像文件的 URL 地址指定为属性值,以便浏览器可以加载和显示该图像。例如,以下代码将一个名为 "example.jpg" 的图像文件作为 HTML 元素的背景添加:
```css
background-image: url('example.jpg');
```