web前端入门到实战：CSS背景background
2021-04-30 23:29
标签：需要 区域 web前端入门 ott 路径 contain 全栈 色值 设定 background-color 取值：合法的颜色值和transparent 注：背景颜色和背景图片，填充都是从边框开始 background-image：url（图片路径） background-repeat： 取值： background-posion：x y,设定的值都是相对于浏览器，不是相对于容器 取值： background-size:x y 取值： 将背景图固定在网页某个位置，一直处于可视区域中，不会随着网页滚动条滚动发生变化，但是会显示在原容器中 background-attachment： scroll 默认值 fixed：固定 在一个背景中指定多个属性值 background 取值：color url repeat attachment position web前端入门到实战：CSS背景background 标签：需要 区域 web前端入门 ott 路径 contain 全栈 色值 设定 原文地址：https://blog.51cto.com/14592820/24643672、背景图片
3、背景图平铺
repeat：平铺
no-repeat：不平铺
repeat-x：水平方向平铺
repeat-y：垂直方向平铺4、背景图定位
（1）：x，y都是以px为单位的数字 +：右，下 -：左上
（2）x% y%
（3）关键字 x：left/center/right y：top/center/bottom5、背景图片的尺寸
（1）x y以px为单位的数字
（2）x% y% 相对原图的%比
（3）cover：容器被图片100%覆盖，哪怕图片显示不全，也要把容器覆盖
（4）contain：容器要把图片100%包含起来，哪怕图片缩小到看不到，也要把整张图片都包含住
专门建立的学习Q-q-u-n⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节，不停更新最新的教程和学习技巧（从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划）6、背景图固定
7、背景简写方式
文章标题：web前端入门到实战：CSS背景background
文章链接：http://soscw.com/index.php/essay/80609.html