CSS中可以利用背景图片的横向平铺属性进行幅图处理,以下就是一个实现横铺3幅图的例子:div { height: 100px; background-image: url(image.jpg); ba
CSS中可以利用背景图片的横向平铺属性进行幅图处理,以下就是一个实现横铺3幅图的例子:
div { height: 100px; background-image: url(image.jpg); background-repeat: repeat-x; } div:nth-of-type(2) { background-image: url(image2.jpg); } div:nth-of-type(3) { background-image: url(image3.jpg); }
上述代码中,使用了div标签来作为容器,设置了固定高度和背景图片,同时使用了background-repeat属性来进行横向平铺。但是默认情况下,所有的div背景图片都是相同的image.jpg,需要使用nth-of-type选择器来分别设置不同幅图的背景图片。
这样,就可以实现横铺3幅图的效果了。
粉丝
0
关注
0
收藏
0