（CSS入门）CSS 背景附着

左手的ㄟ右手 2022-09-03 03:26 234阅读 0赞

# CSS 背景附着 #

**CSS background-attachment**  
属性指定背景图像是应该滚动还是固定的（不会随页面的其余部分一起滚动）：

指定应该固定背景图像：

body {
      background-image: url("tree.png");
      background-repeat: no-repeat;
      background-position: right top;
      background-attachment: fixed;
    }

指定背景图像应随页面的其余部分一起滚动：

body {
      background-image: url("tree.png");
      background-repeat: no-repeat;
      background-position: right top;
      background-attachment: scroll;
    }

# CSS 背景简写 #

**CSS background - 简写属性**  
如需缩短代码，也可以在一个属性中指定所有背景属性。它被称为简写属性。

而不是这样写：

body {
      background-color: #ffffff;
      background-image: url("tree.png");
      background-repeat: no-repeat;
      background-position: right top;
    }

使用简写属性在一条声明中设置背景属性：

<!DOCTYPE html>
    <html>
    <head>
    <style>
    body {
      background: #ffffff url("/i/photo/tree.png") no-repeat right top;
      margin-right: 200px;
    }
    </style>
    </head>
    <body>
    
    <h1>background 属性</h1>
    
    <p>background 属性是在一条声明中指定所有背景属性的简写属性。</p>
    
    <p>在这里，背景图像只显示一次，并位于右上角。</p>
    
    <p>我们还添加了右外边距，以使文本不会覆盖背景图片。</p>
    
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzUyMjkwNDM2_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzUyMjkwNDM2_size_16_color_FFFFFF_t_70]: /images/20220829/d108bb5e24974f9eb5493efba2c8b0df.png

发表评论取消回复

表情：

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

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

相关阅读

相关 CSS的背景属性设置(背景颜色、背景图片、背景平铺、背景附着、背景复合写法)

文章目录 1 背景颜色 2 背景图片 3 背景平铺 4 背景图片位置 5 背景图像固定（背景附着） 6 背景复合写法 7 背景色

太过爱你忘了你带给我的痛/ 2022年11月17日 14:59/ 0 赞/ 351 阅读

相关 CSS入门——背景样式

背景样式 1.背景颜色任务描述相关知识代码文件 2.背景图片任务描述相关知识

深碍√TFBOYSˉ_/ 2022年11月15日 11:37/ 0 赞/ 186 阅读

相关 CSS 背景

CSS 背景文章目录 CSS 背景不透明度解决方案 ![在这里插入图片描述][20210323145105218.gif] CSS 背景

客官°小女子只卖身不卖艺/ 2022年11月12日 09:38/ 0 赞/ 203 阅读

相关 CSS 背景附着

CSS 背景附着文章目录 CSS 背景附着 ![在这里插入图片描述][20210325174318285.gif] > CSS background-a

Bertha 。/ 2022年10月22日 09:19/ 0 赞/ 233 阅读

相关 CSS背景

1.背景颜色： background-color: \bfa; 2.背景图片：background-image: url(""); 如果同时设置背景颜色和背景图片，则背景颜

浅浅的花香味﹌/ 2022年09月03日 12:28/ 0 赞/ 251 阅读

相关（CSS入门）CSS 背景附着

CSS 背景附着 CSS background-attachment 属性指定背景图像是应该滚动还是固定的（不会随页面的其余部分一起滚动）：指定应该固定背景图像：

左手的ㄟ右手/ 2022年09月03日 03:26/ 0 赞/ 235 阅读

相关（CSS入门）css添加+背景图像+背景重复

css添加当浏览器读到样式表时，它将根据样式表中的信息来格式化 HTML 文档。三种使用 CSS 的方法有三种插入样式表的方法：外部css

布满荆棘的人生/ 2022年09月03日 02:29/ 0 赞/ 249 阅读

相关 css_背景

1. CSS背景 <table> <tbody> <tr> <td><p>属性</p></td> <td><p>描述</p></td> </t

青旅半醒/ 2022年05月25日 04:53/ 0 赞/ 239 阅读

相关 CSS背景

1.设置页面的背景颜色 body{ margin:0px; background-color:l

落日映苍穹つ/ 2021年12月10日 23:51/ 0 赞/ 413 阅读

相关 CSS背景

背景 <table> <thead> <tr> <th align="left">属性</th> <th align="left">描述</th

曾经终败给现在/ 2021年10月19日 10:18/ 0 赞/ 425 阅读