好了,看了使⽤背景颜⾊的⽰例。下⾯再来看看使⽤背景图⽚。
background-image 设置背景图⽚地址
设置⼀下第⼆个div的宽⾼,让背景图⽚显⽰好看⼀些。
那么能否设置背景图⽚不重复平铺呢?
background-repeat 设置背景图⽚如何重复平铺
设置background-repeat: no-repeat;则不会重复平铺。
cssclass属性如果需要平铺⽔平⽅向的内容呢?设置background-repeat: repeat-x;即可。
如果需要平铺垂直⽅向的内容呢?设置background-repeat: repeat-y;即可。
那么全部内容都要平铺呢?其实默认就可以了,设置background-repeat: repeat;
background-position 设置背景图⽚的位置
从图中可以看出,如果直接设置background-position: left;则是左边居中。
如果在后⾯加上top则会设置到左上⾓的位置。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论