html怎么加背景图⽚不重复,css怎么设置背景图⽚不重复?在使⽤css添加背景图⽚时,默认的样式是图⽚重复;但有时页⾯只需要⼀个不重复的⼤背景图⽚,那么如何让背景图⽚不重复?下⾯本篇⽂章就来给⼤家介绍⼀下,希望对⼤家有所帮助。
在CSS中,可以使⽤background-repeat属性来设置背景图⽚不重复。background-repeat属性⽤于设置背景图⽚的重复⽅式,将background-repeat属性值设为no-repeat即为背景图⽚不重复。html如何设置图片滚动
background-repeat属性可以设置的值:repeat:默认。背景图像将在垂直⽅向和⽔平⽅向重复。
repeat-x:背景图像将在⽔平⽅向重复。
repeat-y:背景图像将在垂直⽅向重复。
no-repeat:背景图像将仅显⽰⼀次。
css使⽤background-repeat设置背景图⽚不重复和不使⽤background-repeat属性对⽐。
⽰例:
不设置background-repeat属性
body
{
background-image:
url(/i/eg_bg_03.gif);
}
效果图:
使⽤background-repeat属性设置背景图⽚不重复。body
{
background-image:
url(/i/eg_bg_03.gif);
background-repeat: no-repeat
}
效果图:

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