CSS背景看这一帖就差不多了
CSS背景 | 马黑黑HTML支持对可视网页对象设置背景，但功能相对简单、粗糙，还是CSS对盒子背景的设置更为丰富细致。
一、背景色
简化语法：background:#000;
标准语法：background-color:#000;
简化语法又称缩写语法，它简化的意义在于可以用一个语句同时表示多个属性，而标准语法是针对单一属性的。
background-color 以纯色设置HTML可视对象的背景。有时候，纯色的效果过于单调，这时，我们可以考虑用 rgba 的颜色表达法，它能给元素的背景色设计一个alpha透明效果：
background-color:rgba(0,0,0,0.8);
二、背景图像
CSS设置对象底图功能比你想象的厉害，它可设置底图尺寸、位置、重复与否、覆盖范围，甚至可以设置多个底图。
缩写语法：background:url(图片);
标准语法：background-image:url(图片)
论坛中因论坛程序对字符串的处理机制，图片地址起止处要用小角引号（建议用单引号）。
图片默认是平铺展开的，要控制底图是否平铺，以及其它的功能，我们需要：
（一）重复
background-repeat:repeat/no-repeart/repeat-x/repeat-y;
缺省值 repeat，no-repeat 图像只出现一次，repeat-x 和 repeat-y 是横向、纵向铺开。
所谓缺省值，指没有设置某个属性的时候，系统默认采用的设定。比方说重复与否，缺省值是repeat，若没有指定 background-repeat，则默认是 repeat 的。
（二）位置
background-position:top/left/bottom/right/center
left之类的表达，还可以组合表达，如 top right；可以 xy 像素值，如 50px 50px；百分比也可以用。
设置多个底图时，必需给定图像位置，平铺的那张也要给，否则图片堆叠在一起，只能看到第一张。
（三）大小
background-size:xpx ypx/n% n%
宽度与高度表达，如 background-size:300px 200px; 或 background-size:50% 50%
图片大于背景尺寸，或因需要，可以也应该设置背景图的大小，整体效果更为理想。
（四）裁剪
background-clip:border-box/padding-box/content-box/text
这些值的作用：
border-box ：背景延伸至边框外缘（保留边框）
padding-box：背景延伸至内边距外缘
content-box：背景覆盖内容区（直达但不突破内边距内缘）
text ：背景被裁剪成文字的前景色（浏览器有限支持）
使用 text 值时，因为浏览器的开发滞后于CSS的发展，对此设置的支持度不是很好。使用用如下语句兼容性更佳：
-webkit-background-clip:text;
（五）多个背景图
简化语法：background:url(图1),url(图2)
标准语法：background-image:url(图1),url(图2);
当使用多个图片做底图，每个属性也是用英文逗号分隔对应各图的值，例如设置它们的重复与否和位置：
background-repeat:no-repeat,repeat;
background-position:right top,leftbottom;
简化语法则如此表示：
background: url(图1) no-repeat, url(图2) repeat;
注意，如果设置不当或不设置，多图做底图时会出现不可预期的效果。
CSS背景的内容不止这些，但领会了上面这些就已经差不多了，够用，又是深入学习下去的基础。
这个是汇总呢，真好。谢谢黑黑，学习了{:4_187:} 一些功能黑黑已经讲解过，我现在比较迷糊的是，当有多个属性设置时，不知道什么时候用小逗号，什么时候用小分号，什么时候用空格。 红影 发表于 2022-1-6 10:23
这个是汇总呢，真好。谢谢黑黑，学习了
这个实用吧 红影 发表于 2022-1-6 10:25
一些功能黑黑已经讲解过，我现在比较迷糊的是，当有多个属性设置时，不知道什么时候用小逗号，什么时候用小 ...
用逗号不对的时候用空格，反之亦然。CSS这方面有些混乱，我也记不清。 这个得好好学习了。谢谢老黑的分享！{:4_190:} 加林森 发表于 2022-1-6 11:13
这个得好好学习了。谢谢老黑的分享！
这个内容有点多，可以结合演示那个帖子逐一消化 马黑黑 发表于 2022-1-6 11:22
这个内容有点多，可以结合演示那个帖子逐一消化
嗯嗯，明白的。谢谢啦！{:4_190:} 加林森 发表于 2022-1-6 11:23
嗯嗯，明白的。谢谢啦！
甭客气 马黑黑 发表于 2022-1-6 11:37
甭客气
{:4_191:} 加林森 发表于 2022-1-6 11:47
{:4_206:} 马黑黑 发表于 2022-1-6 11:57
开心了哇{:4_189:} 马黑黑 发表于 2022-1-6 10:25
这个实用吧
是啊，看这个很全的。 红影 发表于 2022-1-6 16:04
是啊，看这个很全的。
也是简要的，全的会看了晕菜 马黑黑 发表于 2022-1-6 10:27
用逗号不对的时候用空格，反之亦然。CSS这方面有些混乱，我也记不清。
还可以这样？呵呵，知道了，我还是努力去记忆一下的好{:4_173:} 红影 发表于 2022-1-6 16:05
还可以这样？呵呵，知道了，我还是努力去记忆一下的好
内容多了有时候会记忆混乱，没关系的 继续学习 黑黑，我最近没有时间玩，小孩准备考试，我不能开电脑，暂时玩不了了 小辣椒 发表于 2022-1-6 20:24
黑黑，我最近没有时间玩，小孩准备考试，我不能开电脑，暂时玩不了了
好，有空再说 马黑黑 发表于 2022-1-6 20:28
好，有空再说
前几天做了个帖，还没有上传。准备明天发，就那个小球的，今天发现新的东西又很多了，黑黑真的是高手，瞬间就几个实例出来了，刚才看了一下那个帖里面有14个例子，厉害的