【HTML】铺满背景图片

HTML-铺满背景图片

示例：

background: url("http://q1.qlogo.cn/g?b=qq&nk=2065843899&s=5") no-repeat center center;
background-size: cover;
background-attachment: fixed;
background-color: #CCCCCC;

解决方案：

给body添加以下css样式

background: url("图片路径") no-repeat center center;/*加载背景图并使背景图不平铺 */
background-size: cover;/* 让背景图基于容器大小伸缩 */
background-attachment: fixed;/* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
background-color: #CCCCCC;/* 设置背景颜色，背景图加载过程中会显示背景色 */

【HTML】铺满背景图片相关推荐

CSS的背景（背景颜色，背景图片，背景平铺，背景图片位置，背景图片固定（图片附着），背景复合写法）
CSS的背景通过 CSS 背景属性,可以给页面元素添加背景样式. 背景属性可以设置背景颜色.背景图片.背景平铺.背景图片位置.背景图像固定等. 背景颜色 background-color 定义元素的 ...
Css的背景（背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定）
通过css背景属性,可以给页面元素添加背景样式. 背景属性可以设置背景颜色.背景图片.背景平铺.背景图片位置.背景图像固定等. 背景颜色: Background-color:#******: < ...
黑马程序员前端-CSS背景：颜色、图片、平铺、背景图片位置、背景图像
前端学习笔记教程不定期更新中,传送门: 前端HTML第一天:什么是网页?什么是HTML?网页怎么形成? 黑马程序员前端-CSS入门总结黑马程序员前端-CSS之emmet语法黑马程序员前端-CSS的 ...
background背景图片铺满背景并且不重复
background-repeat: no-repeat; 不重复 background-size:cover; 背景铺满元素调整背景图片的宽度或高度(较小者),以铺满整个元素
HTML让背景图片铺满整个图片
有时候我们加入背景图片时,会由于图片的大小不一致,导致图片进行平铺,以下代码可以解决这个问题 <style> body {background:url("./images/bac ...
css背景图片全屏铺满自适应不拉伸
可以使用 CSS 的 background-size 属性来实现全屏铺满背景图片,并且不拉伸.下面是一个例子: body {background-image: url(your-background- ...
Vue-cli 中为单独页面设置背景图片铺满全屏的方法
Vue-cli 中为单独页面添加张背景图片从而达到铺满全屏的方法 <template><div id="logo"></div> </te ...
Duilib技巧：背景图片平铺
贴图的描述方式有两种 // 1.aaa.jpg // 2.file='aaa.jpg' res='' restype='0' dest='0,0,0,0' source='0,0,0 ...
html铺满整个页面_html 怎么让背景图铺满整个页面？
html中,怎么让背景图片充满整个页面 html 怎么让背景图铺满整个页面雨声潺潺,像住在溪边.宁愿天天下雨,以为你是因为下雨而不来. 也就是一张网页内容有多长多宽,那一张背景图就要放大到那么大,例如 ...

【HTML】铺满背景图片

HTML-铺满背景图片

示例：

解决方案：

【HTML】铺满背景图片相关推荐

最新文章

热门文章