当前位置:首页 » 图片效果 » html怎样定位背景图片位置
扩展阅读
长发怎样扎马尾好看 2024-10-20 01:29:12

html怎样定位背景图片位置

发布时间: 2024-10-19 23:14:41

1. html背景图片设置

在CSS样式中设置backgroud-image属性,代码如下:

<styletype="text/css">
body{
background-image:url(你的图片地址);
background-position:center;
background-repeat:repeat-y;
}

</style>

说明:

1、background-image:url(你的图片地址):指这张背景图存放的路径;

2、background-position:指这张背景图的位置。left(左)、right(右)、top(上)、bottom(下)可以取值,你要求图片居中,所以是“center”;
background-repeat:指图片平铺方式;一般都默认平铺,设置为no-repeat则是不平铺。你要求“y坐标平铺”所以是“repeat-y”。