3.2背景图片

最新推荐文章于 2024-07-06 16:25:37 发布

这一片月

最新推荐文章于 2024-07-06 16:25:37 发布

阅读量65

点赞数 1

分类专栏： css样式文章标签： css

本文链接：https://blog.csdn.net/qq_62865634/article/details/126569364

版权

css样式专栏收录该内容

41 篇文章 1 订阅

订阅专栏

提示：background-image表示一个背景的图片，在常见logo一般是小图片或者是超大图片。

1、语法：

div{

background-image："url(图片位置)"；

}

background-------背景

image-------------------图片

两种属性值：

1、none（无背景）

2、url（有背景）路径使用：相对、绝对。

注意：

必须写属性值，不然无法显示。

自己代码展示：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>背景图片、背景是“background”、图片是“image”</title>
    <style>
        div {
            width: 1000px;
            /* 设置这个div的宽度  */
            height: 500px;
            /* 设置这个div的高度 */
            /* background-color: pink; */
            /* 设置背景颜色：pink */
            background-image: url(image.jpg);
            /* 这里“background”表示背景、这个“image”表示图片 */
            /* background-image: none; */
            /* 里面还有两个应该值“nome没有”还有一个就是url表示有*/
        }
    </style>
</head>

<body>
    <div></div>

</body>

</html>

显示结果：