css里面如何设置body背景图片满屏

css里面如何设置body背景图片满屏,第1张

<!doctype html><森前html><head><袜郑meta charset="utf-8"><title>无标题文档</title><style>html{width:100%     height:100%}body{width:100%     height:100%    background: url(../1.jpg) no-repeat    background-size:cover     /*这此好清里设置了背景图片为覆盖,以填满整个容器*/   }</style></head> <body></body></html>

方法一,添加<body>标签的参数:

把<body>修改为<bodybackground="图片文件的URL">

方法二,用CSS实现:

在<head>和</head>之间插入槐敏以下代码:

<styletype="岩明洞text/css">

body{background-image:url(图片文件的URL)}

</style>

当然,方法二也可以添加到独立的CSS文件中,只需去掉<style...>和粗枯</style>

通过css:background-image语句设置背景。

background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。初始背景图像(原图像)根明乎据 background-position 属性的值放置。

(1)相对的文件位置:

(2)测试代码:

测试效果:

扩展资料:

background-image 属性为元素元激乱悉素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。

默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。

提示:请设置一种可用的背景颜色,这样的话陪山,假如背景图像不可用,页面也可获得良好的视觉效果。

参考资料:百度百科--CSS background-image


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11984281.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存