css background 属性

布满荆棘的人生 2024-03-26 22:52 61阅读 0赞

![d84666bc91ec472383fcca757eb20eb2.png][]

CSS的`background`属性可以用于设置元素的背景样式。它可以使用以下子属性：

*  `background-color`：设置元素的背景颜色。
 *  `background-image`：设置元素的背景图片。
 *  `background-repeat`：设置元素的背景图片是否重复。
 *  `background-position`：设置元素的背景图片在元素内的位置。
 *  `background-size`：设置元素的背景图片的大小。
 *  `background-origin`：指定背景图片的定位区域。
 *  `background-clip`：指定背景图片的剪切区域。
 *  `background-attachment`：指定背景图片是否随滚动条一起滚动。

以下是一些示例代码：

/* 设置红色背景颜色 */
    background-color: red;
    
    /* 设置图片为背景 */
    background-image: url("bg.jpg");
    
    /* 设置背景图片不重复 */
    background-repeat: no-repeat;
    
    /* 设置背景图片大小 */
    background-size: cover;
    
    /* 设置背景图片的位置 */
    background-position: center center;
    
    /* 设置背景图片的剪切区域 */
    background-clip: border-box;
    
    /* 设置背景图片的定位区域 */
    background-origin: content-box;
    
    /* 设置背景图片随滚动条一起滚动 */
    background-attachment: fixed;

转自：[微点阅读][Link 1] [https://www.weidianyuedu.com][Link 1]

[d84666bc91ec472383fcca757eb20eb2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/63ef590c6b644dbea68597770e2475e2.png
[Link 1]: https://www.weidianyuedu.com

发表评论取消回复

表情：

评论列表（有 0 条评论，61人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS3 Background

/实现背景图片不滚动/ html { height: 100%; background-color: green; backgr

秒速五厘米/ 2022年12月26日 00:54/ 0 赞/ 165 阅读

相关 html div背景图片属性,div css 背景样式background属性

![ed74227fd1fa914c8ba7d5a0552957a1.png][] css bac千克round 后台花样 css组织中无论是配置靠山色调照样配景图片，凡是

系统管理员/ 2022年10月06日 10:50/ 0 赞/ 233 阅读

相关 css中的background的几个属性(background-attachment/background-origin,background-clip等)

关于background中的几个属性： background-orgin background-clip background-size background

忘是亡心i/ 2022年09月30日 13:46/ 0 赞/ 253 阅读

相关 CSS 关于 BACKGROUND

BACKGROUND: none transparent scroll repeat 0% 0% 第一你的这句是错的。但是系统会帮你解释成下面这样。 BACKGROUND:

傷城~/ 2022年07月12日 15:27/ 0 赞/ 179 阅读

相关 CSS3的background属性

1、CSS背景图像的区域 background-clip：可以指定背景绘制的范围，共有三个范围 padding-box（背景内容仅显示在内边距及以内区域）

拼搏现实的明天。/ 2022年05月10日 02:22/ 0 赞/ 220 阅读

相关 CSS 背景(background)

CSS 背景(background) CSS 可以添加背景颜色和背景图片，以及来进行图片设置。 background-color 背景颜色 background-ima

小灰灰/ 2022年03月21日 05:20/ 0 赞/ 327 阅读

相关【转】CSS 背景位置 background-position属性

所属专栏： [揭秘 CSS][CSS] [点击去原文][Link 1] 除了背景背景平铺外，CSS还提供了另一个强大的功能，即背景定位技术，能够精确控制背景在对象中的

拼搏现实的明天。/ 2021年12月16日 00:11/ 0 赞/ 548 阅读

相关 CSS background属性

菜鸟教程： <table style="width:656px;"> <tbody> <tr> <th>属性</th> <th>描述</th>

心已赠人/ 2021年11月05日 09:52/ 0 赞/ 323 阅读

相关 HTML CSS 背景图居中属性background-position

HTML CSS背景图居中（无序列表） ![箭头背景图右对齐][20200902225512172.png_pic_center] --背景重复：

绝地灬酷狼/ 2021年07月26日 00:40/ 0 赞/ 737 阅读

相关 css3之背景属性之background-size

一、相关属性： background-image: url(“./img/a.jpg”); //设置元素背景图片 background-repe

雨点打透心脏的1/2处/ 2021年07月04日 13:49/ 0 赞/ 442 阅读