backgroud背景

发表于 2020-02-05 更新于 2023-12-18 分类于计算机应用阅读次数：

background背景属性

CSS背景属性用于定义元素的背景效果

background-color 背景颜色
background-image 图片背景默认定位在left-top开始
- background-image:url()
background-repeat 默认图片水平、垂直平铺，可以通过此属性定义重复特点
- background-repeat: none
- background-repeat: repeat-x 水平平铺
- background-repeat: repeat-y 垂直平铺
- background-repeat: no-repeat 不重复
background-attachment 背景图片在no-repeat下设置图片是固定的还是滚动的
- background-attachment: fixed 固定
- background-attachment: scroll 滚动
background-position
- left-top
- right-top
- left-bottom
- right-bottom
- center

<h4 style="color:red">background-image:url不指定其他属性值()</h4>
<p style="background-image:url(./01.webp);width:80%;margin-left:10%;">
若要人不知，除非己莫为。为人不做亏心事，半夜敲门心不惊。贼是小人，智过君子。君子固穷，小人穷斯溢矣。富贵多忧，贫穷自在。不以我为德，反以我为仇。宁可直中取，不可曲中求。人无远虑，必有近忧。知我者谓我心忧，不知我者谓我何求？晴天不肯去，直待雨淋头。成事莫说，覆水难收。是非只为多开口，烦恼皆因强出头。忍得一时之气，免得百日之忧。近来学得乌龟法，得缩头时且缩头。惧法朝朝乐，欺公日日忧。人生一世，草长一春。黑发不知勤学早，转眼便是白头翁。月过十五光明少，人到中年万事休。儿孙自有儿孙福，莫为儿孙做马牛。人生不满百，常怀千岁忧。今朝有酒今朝醉，明日愁来明日忧。路逢险处须回避，事到临头不自由。人贫不语，水平不流。一家养女百家求，一马不行百马忧。有花方酌酒，无月不登楼。三杯通大道，一醉解千愁。深山毕竟藏猛虎，大海终须纳细流。惜花须检点，爱月不梳头。大抵选她肌骨好，不搽红粉也风流。
</p>
<h4 style="color:red">background-image:url();background-repeat: repeat-x，水平平铺</h4>
<p style="background-image:url(./01.webp);width:80%;margin-left:10%;background-repeat: repeat-x">
若要人不知，除非己莫为。为人不做亏心事，半夜敲门心不惊。贼是小人，智过君子。君子固穷，小人穷斯溢矣。富贵多忧，贫穷自在。不以我为德，反以我为仇。宁可直中取，不可曲中求。人无远虑，必有近忧。知我者谓我心忧，不知我者谓我何求？晴天不肯去，直待雨淋头。成事莫说，覆水难收。是非只为多开口，烦恼皆因强出头。忍得一时之气，免得百日之忧。近来学得乌龟法，得缩头时且缩头。惧法朝朝乐，欺公日日忧。人生一世，草长一春。黑发不知勤学早，转眼便是白头翁。月过十五光明少，人到中年万事休。儿孙自有儿孙福，莫为儿孙做马牛。人生不满百，常怀千岁忧。今朝有酒今朝醉，明日愁来明日忧。路逢险处须回避，事到临头不自由。人贫不语，水平不流。一家养女百家求，一马不行百马忧。有花方酌酒，无月不登楼。三杯通大道，一醉解千愁。深山毕竟藏猛虎，大海终须纳细流。惜花须检点，爱月不梳头。大抵选她肌骨好，不搽红粉也风流。
</p>
<h4 style="color:red">background-image:url();background-repeat: repeat-y垂直平铺</h4>
<p style="background-image:url(./01.webp);width:80%;margin-left:10%;background-repeat: repeat-y">
若要人不知，除非己莫为。为人不做亏心事，半夜敲门心不惊。贼是小人，智过君子。君子固穷，小人穷斯溢矣。富贵多忧，贫穷自在。不以我为德，反以我为仇。宁可直中取，不可曲中求。人无远虑，必有近忧。知我者谓我心忧，不知我者谓我何求？晴天不肯去，直待雨淋头。成事莫说，覆水难收。是非只为多开口，烦恼皆因强出头。忍得一时之气，免得百日之忧。近来学得乌龟法，得缩头时且缩头。惧法朝朝乐，欺公日日忧。人生一世，草长一春。黑发不知勤学早，转眼便是白头翁。月过十五光明少，人到中年万事休。儿孙自有儿孙福，莫为儿孙做马牛。人生不满百，常怀千岁忧。今朝有酒今朝醉，明日愁来明日忧。路逢险处须回避，事到临头不自由。人贫不语，水平不流。一家养女百家求，一马不行百马忧。有花方酌酒，无月不登楼。三杯通大道，一醉解千愁。深山毕竟藏猛虎，大海终须纳细流。惜花须检点，爱月不梳头。大抵选她肌骨好，不搽红粉也风流。
</p>
<h4 style="color:red">background-image:url();background-repeat: no-repeat不重复</h4>
<p style="background-image:url(./01.webp);width:80%;margin-left:10%;background-repeat: no-repeat;">
若要人不知，除非己莫为。为人不做亏心事，半夜敲门心不惊。贼是小人，智过君子。君子固穷，小人穷斯溢矣。富贵多忧，贫穷自在。不以我为德，反以我为仇。宁可直中取，不可曲中求。人无远虑，必有近忧。知我者谓我心忧，不知我者谓我何求？晴天不肯去，直待雨淋头。成事莫说，覆水难收。是非只为多开口，烦恼皆因强出头。忍得一时之气，免得百日之忧。近来学得乌龟法，得缩头时且缩头。惧法朝朝乐，欺公日日忧。人生一世，草长一春。黑发不知勤学早，转眼便是白头翁。月过十五光明少，人到中年万事休。儿孙自有儿孙福，莫为儿孙做马牛。人生不满百，常怀千岁忧。今朝有酒今朝醉，明日愁来明日忧。路逢险处须回避，事到临头不自由。人贫不语，水平不流。一家养女百家求，一马不行百马忧。有花方酌酒，无月不登楼。三杯通大道，一醉解千愁。深山毕竟藏猛虎，大海终须纳细流。惜花须检点，爱月不梳头。大抵选她肌骨好，不搽红粉也风流。
</p>
<h4 style="text-align:center;color:red">background-image:url();background-repeat: no-repeat;background-position:center;不重复、居中</h4>
<p style="background-image:url(./01.webp);width:80%;margin-left:10%;background-repeat: no-repeat;background-position:center;">
若要人不知，除非己莫为。为人不做亏心事，半夜敲门心不惊。贼是小人，智过君子。君子固穷，小人穷斯溢矣。富贵多忧，贫穷自在。不以我为德，反以我为仇。宁可直中取，不可曲中求。人无远虑，必有近忧。知我者谓我心忧，不知我者谓我何求？晴天不肯去，直待雨淋头。成事莫说，覆水难收。是非只为多开口，烦恼皆因强出头。忍得一时之气，免得百日之忧。近来学得乌龟法，得缩头时且缩头。惧法朝朝乐，欺公日日忧。人生一世，草长一春。黑发不知勤学早，转眼便是白头翁。月过十五光明少，人到中年万事休。儿孙自有儿孙福，莫为儿孙做马牛。人生不满百，常怀千岁忧。今朝有酒今朝醉，明日愁来明日忧。路逢险处须回避，事到临头不自由。人贫不语，水平不流。一家养女百家求，一马不行百马忧。有花方酌酒，无月不登楼。三杯通大道，一醉解千愁。深山毕竟藏猛虎，大海终须纳细流。惜花须检点，爱月不梳头。大抵选她肌骨好，不搽红粉也风流。
</p>

background-image:url不指定其他属性值()

若要人不知，除非己莫为。为人不做亏心事，半夜敲门心不惊。贼是小人，智过君子。君子固穷，小人穷斯溢矣。富贵多忧，贫穷自在。不以我为德，反以我为仇。宁可直中取，不可曲中求。人无远虑，必有近忧。知我者谓我心忧，不知我者谓我何求？晴天不肯去，直待雨淋头。成事莫说，覆水难收。是非只为多开口，烦恼皆因强出头。忍得一时之气，免得百日之忧。近来学得乌龟法，得缩头时且缩头。惧法朝朝乐，欺公日日忧。人生一世，草长一春。黑发不知勤学早，转眼便是白头翁。月过十五光明少，人到中年万事休。儿孙自有儿孙福，莫为儿孙做马牛。人生不满百，常怀千岁忧。今朝有酒今朝醉，明日愁来明日忧。路逢险处须回避，事到临头不自由。人贫不语，水平不流。一家养女百家求，一马不行百马忧。有花方酌酒，无月不登楼。三杯通大道，一醉解千愁。深山毕竟藏猛虎，大海终须纳细流。惜花须检点，爱月不梳头。大抵选她肌骨好，不搽红粉也风流。