background css

作者：鱼宝宝睡觉觉发布日期:2025-07-15 浏览:92

/* 示例代码：设置背景颜色和背景图片的 CSS */

/* 设置背景颜色 */
body {
    background-color: #f0f0f0; /* 将页面背景颜色设置为浅灰色 */
}

/* 设置背景图片 */
div {
    background-image: url('image.jpg'); /* 使用 image.jpg 作为背景图片 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    background-size: cover; /* 背景图片覆盖整个元素 */
    background-position: center; /* 背景图片居中显示 */
}

解释说明：

background-color：用于设置元素的背景颜色。示例中将 body 的背景颜色设置为浅灰色 (#f0f0f0)。
background-image：用于设置元素的背景图片。示例中使用了 url('image.jpg') 来指定背景图片路径。
background-repeat：控制背景图片是否重复。no-repeat 表示背景图片不重复。
background-size：控制背景图片的大小。cover 表示背景图片会缩放以覆盖整个元素，同时保持其宽高比。
background-position：控制背景图片的位置。center 表示背景图片居中显示。

这些属性可以组合使用，以实现不同的背景效果。

上一篇：css 两端对齐

下一篇：css display flex