网站背景图片HTML怎么用图片做网页背景

网站背景图片时间:2020-12-25 阅读:()

html 怎么让背景图铺满整个页面

下面这段代码给div设置了一个宽度和高度，然后添加了一张背景图片，并使用了background-size:cover;这个属性，就会自动放大或缩小背景图片来适应，但是需要指出的是这个属性在需要在IE9及以上版本支持，谷歌和火狐都支持，具体支持情况看上面的图，浅绿的代表支持，粉红的不支持，你也可以到自己查看支持性 <!DOCTYPE?html> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;"?charset="utf-8"> <title>无标题文档</title> </head> <style?type="text/css"> .div1{width:500px;height:600px;background:url(images/class_nav.jpg)?;background-size:cover;} </style> <body> <DIV?class="div1"></div> </body> </html>

网页背景图片怎么弄啊?

方法一：在HTML文件中设置 HTML的<body>中有两个关于背景的属性，其中的background用来设置背景图片。示例如下： <body background="这里插入图片的链接地址，可以用浏览"> </body> 如果背景图片小于网页显示窗口，那么这个背景图片会自动重复。为保证浏览器载入网页的速度，建议尽量不要使用字节过大的图片作为背景图片。可以参考这个网站的教程和示例：/html_tutorials/045_html_bgcolor_background.html 方法二：在CSS文件中设置 CSS的背景图片属性示例：<body style="background-image:url（仍然插入图片地址)"> 可以参考这个网站的教程和示例： /css_tutorials/020_css_background.html