h5app开发教程,搜索引擎排名优化方案,怎样建设一个购物网站,太阳代理ip官网当我们在写前端页面的时候为了页面的美观我们通常会为页面设置图片背景#xff0c;那么我们如何来设置全屏的背景图呢#xff1f;#xff1f;#xff1f;
设置全屏背景图需要三个属性 background-image: url(img/untitled.png);background-repeat: no-repeat;background-s…当我们在写前端页面的时候为了页面的美观我们通常会为页面设置图片背景那么我们如何来设置全屏的背景图呢
设置全屏背景图需要三个属性 background-image: url(img/untitled.png);background-repeat: no-repeat;background-size: cover;案例说明
设置背景图片 代码设置
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/title/headstylebody{background-image: url(img/untitled.png);}/stylebody/body
/html样式欣赏出现好多张并不是我们想要的全屏背景图 设置相关属性之后
代码设置
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/title/headstylebody{background-image: url(img/untitled.png);background-repeat: no-repeat;background-size: cover;}/stylebody/body
/html样式欣赏全屏背景图显示 此时的显示是我们想要的效果。
了解更多关注我哟
