背景颜色与背景图片

最新推荐文章于 2021-02-14 20:52:23 发布

jwz934738949

最新推荐文章于 2021-02-14 20:52:23 发布

阅读量844

点赞数

分类专栏： HTML与CSS

本文链接：https://blog.csdn.net/jwz934738949/article/details/89057587

版权

HTML与CSS 专栏收录该内容

73 篇文章 1 订阅

订阅专栏

1、背景颜色

格式：background-color: 颜色;

2、背景图片

格式：background-image url(图片路径);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题</title>
    <style>
        .bgc {
            background-color: blue;
            height: 200px;
        }

        .bgi {
            background-image: url(11.jpg);
            height: 200px;
        }
    </style>
</head>
<body>
<div class="bgc">背景颜色</div>
<div class="bgi">背景图片</div>
</body>
</html>

3、背景图片平铺

格式：background-repeat: no-repeat/repeat/repeat-x/repeat-y;

no-repeat：不平铺;

repeat：平铺;

repeat-x：向水平方向平铺；

repeat-y：向垂直方向平铺。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题</title>
    <style>

        body {
            background-image: url(11.jpg);
            background-repeat: repeat-x;
        }
    </style>
</head>
<body>
</body>
</html>