css – 在HTML或body上实现背景图像的最佳方式

前端之家收集整理的这篇文章主要介绍了css – 在HTML或body上实现背景图像的最佳方式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个图像,我需要伸展全身,所以我不知道什么是最好的方法来做到这一点
html{
  /*background image properties*/
}

要么

body{
  /*background image properties*/
}

解决方法

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文件夹的地图,然后进入图像文件并选择图像.

background-attachment:fixed;

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

background-repeat: no-repeat;

使用此设置时,它会使图像不会重复,以防图像太小或不会覆盖整个背景.

background-size: cover;

当你应用它时,你将背景大小设置为覆盖,结合无重复和附件:修复它是一种很好的方式来设置背景图像的样式

猜你在找的CSS相关文章