css背景图片尺寸(css背景图片)

发布时间:2024-08-18 06:30:43 编辑: 来源:
导读 哈喽,大家好~~~我是小编田甜,关于css背景图片尺寸,css背景图片这个很多人还不知道,那么现在让田甜带着大家一起来看看吧!打开html开发软...

哈喽,大家好~~~我是小编田甜,关于css背景图片尺寸,css背景图片这个很多人还不知道,那么现在让田甜带着大家一起来看看吧!

打开html开发软件,新建一个html代码页面。

2、在html代码页面的标签里面输入多行段落文字,用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。

3、设置背景图片样式。

标签后面创建一个<style>标签,然后在这个标签里设置<body>标签的背景图片,以及背景图片不重复。</p><p>4、保存html代码后使用浏览器打开,这个时候滚动浏览器滚动条发现背景图片是随浏览器滚动条的滚动而滚动的。</p><p>5、使用background-attachment: fixed设置背景图片不随滚动条而滚动。</p><p>回到html代码页面,在body样式中添加上background-attachment: fixed即可。</p><p>6、保存html代码页面后刷新浏览器,这个时候滚动浏览器滚动条发现背景图片已经固定不随浏览器滚动而滚动了。</p><p>本文分享完毕,希望对大家有所帮助哦。</p></div> <footer class="entry-footer"> <div class="post-tags"> <a href="https://www.tielingcn.com/tag/cssbeijingtupian/" title="css背景图片" target="_blank">css背景图片</a> </div> </footer> <div class="statement yc">免责声明:本文由用户上传,如有侵权请联系删除!</div> </article> </div> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-top:10px;margin-left:-15px;"><script>wap_show_sosuo();<\/script><\/div>'); } </script> <ul class="single-nav"> <li class="entry-page-prev"><a href="https://news.tielingcn.com/zhkx/202408/284693.html" title="澧县一中曾斌简介(澧县一中)">上一篇</a></li> <li class="entry-page-next"><a href="javascript:alert('最后一页');" title="最后一页">下一篇</a></li> </ul> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-left:-15px;"><script>wap_show_tag_under9();<\/script><\/div>'); } </script> <div class="part-mor box-show wow fadeInDown"><!--相关文章--> <h3 class="section-title"><span>相关阅读</span></h3> <ul class="section-cont-tags pic-box-list clearfix"> <!--相关分类--> <li><a href="https://news.tielingcn.com/zhkx/202408/284543.html" title="广州到武汉高铁票价格(广州到武汉高铁)">广州到武汉高铁票价格(广州到武汉高铁)</a></li> <li><a href="https://news.tielingcn.com/zhkx/202408/284531.html" title="浙江药师网学分查询官网登录(浙江药师网学分查询)">浙江药师网学分查询官网登录(浙江药师网学分查询)</a></li> <li><a href="https://news.tielingcn.com/zhkx/202408/284512.html" title="三人麻将去掉哪些牌(三人麻将)">三人麻将去掉哪些牌(三人麻将)</a></li> <li><a href="https://news.tielingcn.com/zhkx/202408/284494.html" title="纸箱平方计算公式怎么算(纸箱平方计算公式)">纸箱平方计算公式怎么算(纸箱平方计算公式)</a></li> <li><a href="https://news.tielingcn.com/zhkx/202408/284466.html" title="芾甘拼音(芾甘)">芾甘拼音(芾甘)</a></li> <li><a href="https://news.tielingcn.com/zhkx/202408/284455.html" title="信阳灵山寺(信阳灵山)">信阳灵山寺(信阳灵山)</a></li> <li><a href="https://news.tielingcn.com/zhkx/202408/284445.html" title="诺和平是长效还是短效(诺和平)">诺和平是长效还是短效(诺和平)</a></li> <li><a href="https://news.tielingcn.com/zhkx/202408/284430.html" title="里程碑计划表(里程碑计划)">里程碑计划表(里程碑计划)</a></li> <li><a href="https://news.tielingcn.com/zhkx/202408/284414.html" title="营业外收入交税么(营业外收入交税)">营业外收入交税么(营业外收入交税)</a></li> <li><a href="https://news.tielingcn.com/zhkx/202408/284382.html" title="excel如何自动调整行高显示全部内容(excel自动调整行高还是显示不全)">excel如何自动调整行高显示全部内容(excel自动调整行高还是显示不全)</a></li> </ul> </div> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-left:-35px;"><script>wap_show_artlist1();<\/script><\/div>'); } </script> <div class="part-mor box-show wow fadeInDown"><!--相关文章--> <h3 class="section-title"><span>最新文章</span></h3> <ul class="section-cont-tags pic-box-list clearfix"> <!--相关分类--> <li><a href="https://news.tielingcn.com/zhkx/202408/284703.html" title="css背景图片尺寸(css背景图片)">css背景图片尺寸(css背景图片)</a></li> <li><a href="https://news.tielingcn.com/gdyw/202408/284702.html" title="淄博市人力资源和社会保障局培训网(淄博人事教育培训网)">淄博市人力资源和社会保障局培训网(淄博人事教育培训网)</a></li> <li><a href="https://baike.tielingcn.com/bkjy/202408/284701.html" title="南方巨兽龙pk霸王龙谁会赢(南方巨兽龙vs霸王龙谁厉害)">南方巨兽龙pk霸王龙谁会赢(南方巨兽龙vs霸王龙谁厉害)</a></li> <li><a href="https://baike.tielingcn.com/bkzs/202408/284700.html" title="传奇合击技能怎么放快点的(传奇合击技能怎么放)">传奇合击技能怎么放快点的(传奇合击技能怎么放)</a></li> <li><a href="https://www.tielingcn.com/zhzs/202408/284699.html" title="宝泉岭信息港官网网址(宝泉岭信息港官网)">宝泉岭信息港官网网址(宝泉岭信息港官网)</a></li> <li><a href="https://www.tielingcn.com/zhwd/202408/284698.html" title="一搜网络个人服务(一搜网)">一搜网络个人服务(一搜网)</a></li> <li><a href="https://www.tielingcn.com/news/202408/284697.html" title="浅谈歌剧卡门(歌剧卡门简介)">浅谈歌剧卡门(歌剧卡门简介)</a></li> <li><a href="https://www.tielingcn.com/zhjy/202408/284696.html" title="动漫人物头发画法教程图片(动漫人物头发画法教程)">动漫人物头发画法教程图片(动漫人物头发画法教程)</a></li> <li><a href="https://www.tielingcn.com/zhjx/202408/284695.html" title="东莞石碣东聚电子厂(东莞石碣)">东莞石碣东聚电子厂(东莞石碣)</a></li> <li><a href="https://www.tielingcn.com/jxjy/202408/284694.html" title="河北科技大学专科有专业吗(河北科技大学专科有专业)">河北科技大学专科有专业吗(河北科技大学专科有专业)</a></li> </ul> </div> </div> <div class="side fr"> <section class="widget wow fadeInDown" id="divPrevious"> <h3 class="widget-title">热点推荐</h3> <ul class="widget-box divPrevious"> <li><a href="https://baike.tielingcn.com/bkzs/202408/284700.html" title="传奇合击技能怎么放快点的(传奇合击技能怎么放)" target="_blank">传奇合击技能怎么放快点的(传奇合击技能怎么放)</a></li> <li><a href="https://www.tielingcn.com/zhjy/202408/284696.html" title="动漫人物头发画法教程图片(动漫人物头发画法教程)" target="_blank">动漫人物头发画法教程图片(动漫人物头发画法教程)</a></li> <li><a href="https://www.tielingcn.com/jxjy/202408/284694.html" title="河北科技大学专科有专业吗(河北科技大学专科有专业)" target="_blank">河北科技大学专科有专业吗(河北科技大学专科有专业)</a></li> <li><a href="https://news.tielingcn.com/zhkx/202408/284693.html" title="澧县一中曾斌简介(澧县一中)" target="_blank">澧县一中曾斌简介(澧县一中)</a></li> <li><a href="https://www.tielingcn.com/jxjy/202408/284683.html" title="翘下巴的男人好不好(翘下巴)" target="_blank">翘下巴的男人好不好(翘下巴)</a></li> <li><a href="https://baike.tielingcn.com/bkzs/202408/284680.html" title="青岛市人民政府 官网(青岛市人民政府网)" target="_blank">青岛市人民政府 官网(青岛市人民政府网)</a></li> <li><a href="https://www.tielingcn.com/zhwd/202408/284678.html" title="去声十八啸韵字(去声)" target="_blank">去声十八啸韵字(去声)</a></li> <li><a href="https://www.tielingcn.com/zsjx/202408/284677.html" title="中医起源于道教吗(中医起源)" target="_blank">中医起源于道教吗(中医起源)</a></li> <li><a href="https://news.tielingcn.com/gdyw/202408/284672.html" title="迅雷啥都下载不了(迅雷为什么下载不了东西)" target="_blank">迅雷啥都下载不了(迅雷为什么下载不了东西)</a></li> <li><a href="https://baike.tielingcn.com/bkzs/202408/284670.html" title="千岁千里为什么不去u17(千岁千里)" target="_blank">千岁千里为什么不去u17(千岁千里)</a></li> <li><a href="https://www.tielingcn.com/zhjy/202408/284665.html" title="六一儿童节幕后换演出服(小女孩穿丝袜)" target="_blank">六一儿童节幕后换演出服(小女孩穿丝袜)</a></li> <li><a href="https://news.tielingcn.com/gdyw/202408/284660.html" title="针织面料怎么算米数(针织面料米数换算公斤)" target="_blank">针织面料怎么算米数(针织面料米数换算公斤)</a></li> <li><a href="https://www.tielingcn.com/news/202408/284646.html" title="东方药交会网(东方药材网)" target="_blank">东方药交会网(东方药材网)</a></li> <li><a href="https://www.tielingcn.com/zhjx/202408/284644.html" title="昆明站和昆明南站的区别(昆明站)" target="_blank">昆明站和昆明南站的区别(昆明站)</a></li> <li><a href="https://baike.tielingcn.com/bkzs/202408/284639.html" title="cssci是什么级别刊物(cssci)" target="_blank">cssci是什么级别刊物(cssci)</a></li> </ul> </section> <section class="widget wow fadeInDown" id="divPrevious"> <h3 class="widget-title">精选文章</h3> <ul class="widget-box divPrevious"> <li><a href="https://news.tielingcn.com/zhkx/202408/284703.html" title="css背景图片尺寸(css背景图片)" target="_blank">css背景图片尺寸(css背景图片)</a></li> <li><a href="https://www.tielingcn.com/zsjx/202408/284687.html" title="七年级数学试卷分析与反思(七年级数学试卷分析)" target="_blank">七年级数学试卷分析与反思(七年级数学试卷分析)</a></li> <li><a href="https://news.tielingcn.com/gdyw/202408/284682.html" title="百分率计算器怎么计算(百分率计算器)" target="_blank">百分率计算器怎么计算(百分率计算器)</a></li> <li><a href="https://baike.tielingcn.com/bkjy/202408/284681.html" title="向右的箭头怎么打手机(向右的箭头怎么打)" target="_blank">向右的箭头怎么打手机(向右的箭头怎么打)</a></li> <li><a href="https://www.tielingcn.com/zhzs/202408/284679.html" title="盈建科软件官网(盈建科软件)" target="_blank">盈建科软件官网(盈建科软件)</a></li> <li><a href="https://www.tielingcn.com/zhjy/202408/284675.html" title="北京市社会保险服务平台登录网址(北京市社会保险信息系统企业管理系统)" target="_blank">北京市社会保险服务平台登录网址(北京市社会保险信息系统企业管理系统)</a></li> <li><a href="https://baike.tielingcn.com/bkjy/202408/284671.html" title="教育目的名词解释答案教育学(教育目的名词解释)" target="_blank">教育目的名词解释答案教育学(教育目的名词解释)</a></li> <li><a href="https://www.tielingcn.com/zsjx/202408/284667.html" title="什么是常量元素(什么是常量)" target="_blank">什么是常量元素(什么是常量)</a></li> <li><a href="https://www.tielingcn.com/news/202408/284666.html" title="永日念什么意思是什么(永日念什么)" target="_blank">永日念什么意思是什么(永日念什么)</a></li> <li><a href="https://www.tielingcn.com/zhjx/202408/284664.html" title="研究生学费一览表2023(b类研究生院校有哪些)" target="_blank">研究生学费一览表2023(b类研究生院校有哪些)</a></li> <li><a href="https://www.tielingcn.com/jxjy/202408/284663.html" title="成人教育书籍(成人教育电影)" target="_blank">成人教育书籍(成人教育电影)</a></li> <li><a href="https://www.tielingcn.com/jxjy/202408/284662.html" title="沈阳市浑南区人民法院官网(沈阳市浑南区人民法院)" target="_blank">沈阳市浑南区人民法院官网(沈阳市浑南区人民法院)</a></li> <li><a href="https://news.tielingcn.com/zhkx/202408/284661.html" title="香波螺(香波)" target="_blank">香波螺(香波)</a></li> <li><a href="https://baike.tielingcn.com/bkjy/202408/284659.html" title="移动彩铃怎么更换歌曲(移动彩铃怎么更换)" target="_blank">移动彩铃怎么更换歌曲(移动彩铃怎么更换)</a></li> <li><a href="https://www.tielingcn.com/zsjx/202408/284655.html" title="墨汁可以消毒吗(墨汁可以洗掉吗)" target="_blank">墨汁可以消毒吗(墨汁可以洗掉吗)</a></li> </ul> </section> </div> </div> <div class="hidebody"></div> </main> <script> if (isMobile()){ document.write('<script>wap_show_button_under();<\/script><script>wap_show_button_float();<\/script>'); } </script> <footer class="footer bg-dark"> <div class="container clearfix"> <div class="footer-fill"> <div class="footer-column"> <div class="footer-copyright text-xs">© 2008-2024 All Rights Reserved .新讯网 版权所有</div> </div> </div> <div class="footer-links"> <span> <a href="https://www.tielingcn.com/ditu.html" target="_blank">网站地图</a> | <a href="https://www.tielingcn.com/sitemaps.xml" target="_blank">百度地图</a> | <a href="https://www.tielingcn.com/sitemaps_360_all.xml" target="_blank">360地图</a> | <a href="https://www.tielingcn.com/jrgx/" target="_blank">今日更新</a> </span> </div> </div> <div id="backtop" class="backtop"> <div class="bt-box top" title="返回顶部"><i class="icon font-top"></i></div> <div class="bt-box bottom" title="网页底部"><i class="icon font-bottom"></i></div> </div> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id:"Jwbk0nFB4lqd3iko",ck:"Jwbk0nFB4lqd3iko"})</script> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?f6f566280c6348b8d76d1720f0c7a30f487e4cbf3b27e852f4a924d9c68062b765e0a2ada1d5e86b11e7de7c1a83287d04743a02fd1ee8dd8558a8cad50e91cb354f8c6f3f78e5fd97613c481f678e6d"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script> <div class="none"> <script src="https://www.tielingcn.com/statics/demo308/js/custom.js"></script> <script src="https://www.tielingcn.com/statics/demo308/js/wow.min.js"></script> <script src="https://www.tielingcn.com/statics/demo308/js/jquery.lazy.js"></script> </div> </footer> </body> </html>