返回目录:设置问题
图片设置为背景的方法
在CSS样式中设置backgroud-image属性,代码如下:
<style type="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”。
1、插入背景图片有两种方法,一种是用html的img标签百,另一种是利用css的background标签插入。具体操作是首先新建一个html文件,写入两个div,分别用度来演示两种方问法插入标签:
2、首先是用html标签插入图片,这里直接在img标签中使用src属性就可以插入图片路径就成功了:
3、接着是用css插入,在div中设置class属性为img2,在script标签中使用background标签插入,其答中url是标签的路径,no-repeat是设置图片不重复,center是设置照片居中显示:
4、最后给这版些标签都设置一些样式,让它们显得美观一些。然后打开浏览器查看效果:
5、打开浏览器,可以看到照片都显示出来了。以上就是html插入照片的方权法介绍:
图片设置为背景的方法