本文详细介绍了CSS中背景图片的填充方式，包括repeat（纵横平铺）、no-repeat（不平铺）、repeat-x（横向平铺）、repeat-y（纵向平铺）等属性的应用，并解释了这些属性如何控制背景图像的显示效果。
2009.12.22(3)——背景图片的填充
图片的填充
background:url(图片) repeat
background: url(图片地址)repeat
详细讲解：
repeat 背景图像在纵向和横向上平铺
no-repeat 背景图像不平铺
repeat-x 背景图像在横向上平铺
repeat-y 背景图像在纵向平铺
repeat:3/*重复3次*/
注意:只能在原图的基础上进行重复！而不能像我们的桌面一样进行扩大
background:#FFF url(背景图片地址) no-repeat 50% 0;}
no-repeat不重复
50% 0(水平位置 垂直位置) 水平50%既居中,垂直0px
center 也可
图片的填充
background:url(图片) repeat
background: url(图片地址)repeat
详细讲解：
repeat 背景图像在纵向和横向上平铺
no-repeat 背景图像不平铺
repeat-x 背景图像在横向上平铺
repeat-y 背景图像在纵向平铺
repeat:3/*重复3次*/
注意:只能在原图的基础上进行重复！而不能像我们的桌面一样进行扩大
background:#FFF url(背景图片地址) no-repeat 50% 0;}
no-repeat不重复
50% 0(水平位置 垂直位置) 水平50%既居中,垂直0px
center 也可
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
