css 中no repeat属性
导读:在CSS中,no-repeat属性用于指定背景图片的重复方式。一般来说,在没有设置no-repeat属性时,背景图片会默认以水平和垂直方向重复显示。但是如果我们希望背景图片只显示一次,这时就可以使用no-repeat属性了。backgrou...
在CSS中,no-repeat属性用于指定背景图片的重复方式。一般来说,在没有设置no-repeat属性时,背景图片会默认以水平和垂直方向重复显示。但是如果我们希望背景图片只显示一次,这时就可以使用no-repeat属性了。
background-image: url('背景图片地址');
background-repeat: no-repeat;
以上代码中,在设置背景图片地址后,我们可以将background-repeat属性设置为no-repeat来实现背景图片的不重复显示。另外,如果我们还想要指定背景图片的位置,可以使用background-position属性来进行设置。
background-image: url('背景图片地址');
background-repeat: no-repeat;
background-position: center;
以上代码中,我们将背景图片的位置设置为居中,这样背景图片就会显示在页面的正中央,并且不会重复显示。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css 中no repeat属性
本文地址: https://pptw.com/jishu/340785.html
