在HTML或主体上实现背景图片的最佳方法

在HTML或主体上实现背景图片的最佳方法,第1张

在HTML或主体上实现背景图片的最佳方法
body{    background-image:url('../images/background.jpg');    background-attachment:fixed;    background-repeat: no-repeat;    background-size: cover;}

这将是最好的方法,您可以将其应用于HTML,这实际上取决于您的喜好…

background-image:url('../images/background.jpg');

假设您的css文件在其他地图中,则执行../转到放置css文件夹的地图,然后进入images文件并选择图像

background-attachment:fixed;

设置背景图像时,我个人喜欢使用它,以使其在用户滚动时保持背景图像的当前位置。

background-repeat: no-repeat;

使用此设置时,它可以防止图像太小或无法覆盖整个背景而不会重复图像。

background-size: cover;

应用此功能时,您需要将背景尺寸设置为Cover,并结合使用

no-repeat
attachment: fixed
这是为背景图片设置样式的好方法



欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/5567107.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-14
下一篇 2022-12-14

发表评论

登录后才能评论

评论列表(0条)

保存