body{background-image:url(你的图片知地址);background-position:center;background-repeat:repe" />

<small id='c0p2y01a'></small><noframes id='mangs5yt'>

  • <tfoot id='5toj81gg'></tfoot>
  • 您的位置:荆州电脑信息网 > 设置问题 > html中怎么图片设置为背景

    html中怎么图片设置为背景

    作者:电脑信息网日期:

    返回目录:设置问题


    图片设置为背景的方法



    在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插入照片的方法介绍:



    图片设置为背景的方法

  • <tfoot id='6u2efa2f'></tfoot>

    <small id='66cr1s1l'></small><noframes id='omolj40m'>

        <tbody id='edpnezii'></tbody>

      相关阅读

      • html中怎么图片设置为背景

      • 电脑信息网设置问题
      • 图片设置为背景的方法在CSS样式中设置backgroud-image属性,代码如下: