其他分享
首页 > 其他分享> > 查漏补缺——解释一下以下样式

查漏补缺——解释一下以下样式

作者:互联网

问题

如题所示

background-position: center center;
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-size: cover;

答案

CSS 背景位置 background-position属性

background-position: center center;表示图像水平方向和垂直方向居中对齐。

CSS 背景重复 background-repeat属性

background-repeat: no-repeat;表示图像只显示一次。

CSS background-attachment属性

background-attachment: fixed;表示图像附着在浏览器的可视区域。

background-size中,100%和cover的区别

background-size: cover;表示图像会缩放适合容器的大小,图像比例不变。

标签:查漏,repeat,center,图像,解释一下,attachment,background,补缺,size
来源: https://www.cnblogs.com/Huang-zihan/p/16448495.html