body元素的背景

画布 canvas
一块区域

特点:
1.最小宽度为视口宽度
2.最小高度为视口高度

html元素背景

覆盖画布

body元素背景

如果html元素有背景,body元素的背景正常
在这里插入图片描述
在这里插入图片描述

如果html元素没有背景,body元素的背景覆盖画布
在这里插入图片描述
在这里插入图片描述

关于画布背景图

背景图(background-color没事)的宽度百分比,相对于视口

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

背景图的高度百分比,相对于html元素高度

在这里插入图片描述
在这里插入图片描述

背景图的水平方向位置百分比,预设值,相对于视口

在这里插入图片描述
在这里插入图片描述

背景图的垂直方向位置百分比,预设值,相对于html高度

在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45670020/article/details/106857997