在html中，可以通过给body标签设置css background或background-image样式来把图片作为背景，语法格式“background/background-image:url(“图片路径”);”。

html文档中可以使用css background或background-image属性将图片设置为背景，background可以在一个声明中设置所有背景属性，background-image指定要使用的一个或多个背景图像

background可以设置的属性分别是：background-color、background-position、background-size、background-repeat、background-origin、background-clip、background-attachment 和 background-image。

各值之间用空格分隔，不分先后顺序。可以只有其中的某些值，例如 background：＃FF0000 URL（smiley.gif); 是允许的。

示例：把图片作为背景

<html>

<head>

<style type="text/css">

body

{ 

background: url(bg.jpg) ; 

/*background-image: url(bg.jpg);*/

}

</style>

</head>

 

<body>

<p>这是一些文本。</p>

<p>这是一些文本。</p>

<p>这是一些文本。</p>


</body>

 

</html>

这是多张图片平铺，如果想要一张图片占全屏，可以使用background-repeat属性，或在background属性上添加no-repeat值。

<!DOCTYPE html>

<html>

 

    <head>

        <meta charset="UTF-8">

        <style type="text/css">

            body {

                /*background: url(bg.jpg) no-repeat;*/

                background-image: url(bg.jpg);

                background-repeat:no-repeat;

            }

        </style>

    </head>

 

    <body>

        <p>这是一些文本。</p>

        <p>这是一些文本。</p>

        <p>这是一些文本。</p>


    </body>

 

</html>

本站网络名称： 青鹿云

本站永久网址： www.milubk.com

网站侵权说明：本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权请联系站长删除处理。
1 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
3 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

HTML5库代码仓库
# HTML # 图片 # 代码

HTML设置网页图片背景代码

示例：把图片作为背景

请登录后发表评论