CSS基础：背景样式（background-color、background-image、background-repeat、background-size、background-position）

BestKagome

已于 2023-05-30 17:47:30 修改

阅读量1.2k

点赞数 1

分类专栏： CSS 文章标签： html css

于 2022-07-04 12:30:34 首次发布

本文链接：https://blog.csdn.net/Alley_Olive/article/details/125597670

版权

本文深入探讨CSS背景样式，包括如何使用`background-color`设置背景颜色，`background-image`引入背景图片，`background-repeat`控制图像重复，`background-size`调整图像大小，以及`background-position`定位图像位置，助你打造精美的网页布局。

摘要由CSDN通过智能技术生成

<!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-color、background-image、background-repeat、background-size、background-position的简单应用</title>
    <style>
        div{
            width: 1000px;
            height: 1000px;
            border: 2px solid deeppink;
            background-color:blanchedalmond;
            background-image: url(../HtmlBodyTag/img/03.jpeg);
            background-repeat:no-repeat;
            background-size:150px 180px;
            background-position:right 30%;
        }
    </style>
</head>
<body>
    <!--
        背景属性可以缩写在一个声明中，设置所有的背景属性。
        可以设置的属性分别是：background-color、