有趣的CSS背景属性?
background-image属性添加背景图片。
-
background-image: url(img_flwr.gif), url(paper.gif); //设置背景图片(可以是多张,后面的覆盖前面的)
-
background-position: right bottom, left top; //分别设置两张背景图片的位置
-
background-repeat: no-repeat, repeat; //分别设置背景图片是否重复来填充背景
-
background-size: 280px 160px, 100% 100%; //分别设置背景图片的大小
-
background-clip: padding-box, border-box ;// 分别设置 背景的绘制区域。(显示出背景图片的区域)
-
background-origin: border-box, content-box;// 分别设置 背景图片的定位区域。(即背景图片的放置位置)
本文详细介绍了CSS中的background-image属性,包括如何添加多张背景图片、位置调整、重复模式、尺寸设定以及背景绘制和定位区域的控制,帮助开发者更好地理解和运用这些功能。
666

被折叠的 条评论
为什么被折叠?



