如何设置html中的背景图片(全屏显示,且不拉伸)

更新时间:2023-07-31 19:43:12 阅读: 评论:0

如何设置html中的背景图⽚(全屏显⽰,且不拉伸)
胃酸吃什么食物能缓解
1 <style>
2 body{background-image:/api/pictures/random/?key=BingEverydayWallpaperPicture);
3 background-size:cover;background-attachment: fixed;
4 background-repeat:no-repeat;background-position:center } </style>
是我⽤的代码
重装机兵回归攻略Background : 背景⾊
Background Image :选取你的背景图好人就有好梦
Reapeat : 背景图是否重复,其中选no-repeat为不重复,repeat为重复,repeat-x和repeat-y分别为只在X和Y⽅向重复。
Attachment : 背景图位置,fix为背景图位置固定不变,scroll为背景图随页⾯⼀同滚动
补阴的食物Horizontal : 为固定背景图时图在⽔平⽅向所居的位置,可以选择居中,居左,居右或⾃⼰设定距左的距离。
Vertical : 为固定背景图时图在竖直⽅向所居的位置,可以选择居中,居顶部,居底部或⾃⼰设定距顶的距离。
春天的英文
注意带 * 的选项要在浏览器⾥才能看到效果。西红柿牛腩怎么做
设定完毕,对Dreamweaver左下⾓点选<body应⽤该CSS样式就⾏了有氧代谢
郁金香花语是什么不光是<body标签,页⾯⾥有的元素都可以在那⾥选择,可以很⽅便的选取应⽤对象。
对于所有onload 的触发事件,也都可以选<body再加Behavior,⽐如drag layer或打开页⾯后弹出窗⼝等等
background-attachment属性控制背景图象是否随内容⼀起滚动,取值为scroll和fixed。默认值为scroll(滚动);fixed为静⽌。

本文发布于:2023-07-31 19:43:12,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1125036.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:背景图   位置   食物   设定   浏览器   是否
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图