如何自定义拍拍店铺的背景图片？

Posted 2023-03-27

比如说我想把这张图片弄成背景要怎么做才可以呢？望高手指教 http://pb.images22.51img1.com/6000/mazhaomingaini/b03b11404d6bb38d0e8288c4af8a631d.gif

假如我们设图片butterfly.gif为背景
body
background-image: url(butterfly.gif);

如果你的背景图很大，且只想让它显示一个的话代码 加上no-repeat：
background-image: url(butterfly.gif)no-repeat;
如果要平铺的话，其用法如下：
repeat-x 图像横向平铺 显示示例
repeat-y 图像纵向平铺 显示示例
例如，为了避免平铺背景图像，代码应该这样：
body
background-image: url("butterfly.gif");
background-repeat: no-repeat;

二、固定背景图像

CSS属性background-attachment用于指定背景图像是固定在屏幕上的、还是随着它所在的元素而滚动的。
一个固定的背景图像不会随着用户滚动页面而发生滚动（它是固定在屏幕上的），而一个非固定的背景图像会随着页面的滚动而滚动。
background-attachment:scroll 图像会跟随页面滚动——非固定的 显示示例
background-attachment:fixed 图像是固定在屏幕上的 显示示例
例如，下面的代码将背景图像固定在屏幕上。
body
background-image: url("butterfly.gif");
background-repeat: no-repeat;
background-attachment: fixed;

三、放置背景图像缺省地，背景图像将被放在屏幕的左上角

但是，你可以通过CSS属性background-position来修改这一缺省设置，将背景图像摆放在屏幕上你觉得满意的地方。
设置background-position属性的值有多种方式。不过，它们都是坐标的格式。举例来说，值“100px 200px”表示背景图像将被放置在位于距浏览器窗口左边100像素、顶部200像素处。
坐标可以是以百分比或固定单位（比如像素、厘米等）作为单位的值，也可以是“top”、“bottom”、“center”、“left”和“right”这些值。下图对此进行了解释：
如
background-position:2cm 2cm 图像被放置在页面内距左边2厘米、顶部2厘米的地方 显示示例
background-position:50% 25% 图像被放置在页面内水平居中、离顶部四分之一处 显示示例
background-position:top right 图像被放置在页面的右上角 显示示例
在下例中，背景图像被放置在页面的右下角：
body
background-image: url("butterfly.gif");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom; 参考技术A 你需要一些代码来完成~！你可以到社区看看~！