1.布景物华

/*通明色*/
background-color: transparent;

/*半通明*/
background: rgba(0, 0, 0, 0.5)

/*换色彩*/
background-color: #;

2.布景图片

/*钞缮实例 默许平坦的*/
background-image: url(c:/WEB/amag/a1.png);

/*不服展*/
background-repeat: no-repeat;

/*平坦*/
background-repeat: repeat;

/*x 平坦*/
background-repeat: repeat-x;

/*y 平坦*/
background-repeat: repeat-y;

页面既既可以添加布景图片，还可以添加布景物华，定位布景图片会压着布景物华

3.布景职位

/*程度居中垂直
，靠上*/
background-position: center top;

/*右边	，物尺中心*/
background-position: right center;

省略一个，式盒第二个方位是定位居中
/*x y 按序不克不及倒置了*/
background-position: 20px 50px;

background-position: center 40px;

4.布景结实

/*结实*/
background-attachment: fixed;

/*随对象内容动弹*/
background-attachment: scroll;

5.布景复合型写法

/*布景物华，布景图片
，布景布景地址，物尺布景平坦，式盒布景图象动弹，定位布景布景图片职位*/
background: black url(c:/WEB/amag/a1.png) no-repeat fixed center top

文章推荐：

东方航空若何认证师长教师身份

博敏电子与华工科技签署战略合作协议 在光模块PCB和陶瓷基板领域建立战略合作伙伴关系

以赛为媒普法 ，法治护航发展！梅州市“民法典宣传月”主题普法活动启动

U13组第二名、跨年龄组第四名！梅州小将钟浩宇在2026广东省青少年铁人三项赛（广州站）获佳绩

燕云十六声中若何掉落踪掉落踪凉州金装

梅州8个组团入选 ！广东省“百千万工程”首批镇村片区组团培育名单发布

文明在身边丨我市各学校全方位践行“文明餐桌”理念 “育”见成长乐享“食”光

体验客家民俗，感知文化魅力  ！2026“中国寻根之旅”夏令营（风韵南粤梅州营）开营

龙息神寂阴墟之主是谁 龙息神寂阴墟之主勒瓦妮丝引见

指尖滑动即可“淘岗”！梅州经开区“经开圩日”首场直播“带岗”成功举办

工程已完成超90% ，预计年底通车！汕梅高速改扩建项目迈入施工新阶段

助力“最可爱的人”逐梦新赛道！2026年梅州市转业军官和安排工作退役士兵线下培训举行