用CSS把背景图片平铺

2024年4月25日发(作者：)

用CSS把背景图片平铺

笔记 2010-01-20 16:58:02 阅读1265 评论0 字号：大中小

body{background:url(图片) repeat}

背景{}中添加background: url(图片地址)repeat

详细讲解：

repeat 背景图像在纵向和横向上平铺

no-repeat 背景图像不平铺

repeat-x 背景图像在横向上平铺

repeat-y 背景图像在纵向平铺

repeat:3/*重复3次*/

注意:只能在原图的基础上进行重复！而不能像我们的桌面一样进行

扩大填充。

代码如下:

默认代码为：body{background-color:#FFFFFF}

换成以下代码

body{background:url(背景图片地址) background-position:

center;background-attachment: fixed;repeat-x #FFFFFF}

这是全屏的背景代码~

在中把背景图片拉伸

body

{

background-image:url('');

background-repeat:repeat

}

body{background:#FFF url(背景图片地址) no-repeat 50% 0;}

no-repeat不重复

50% 0(水平位置 垂直位置) 水平50%既居中,垂直0px

center 也可

DIV+CSS如何让图片文字混排的情况下垂直居中