css如何让背景图片平铺?
导读:我们首先来看一下css设置背景图片平铺方式。 repeat:即默认方式,完全平铺背景; no-repeat:在X及Y轴方向均不平铺; repeat-x:横向平铺背景; repeat-y:纵向平铺背景。 下面我们就来看一下...
我们首先来看一下css设置背景图片平铺方式。
repeat:即默认方式,完全平铺背景;
no-repeat:在X及Y轴方向均不平铺;
repeat-x:横向平铺背景;
repeat-y:纵向平铺背景。
下面我们就来看一下css的这四种背景图片平铺的实现代码。
css背景图片平铺之完全平铺背景的代码:
#content{
border:1pxsolid#000fff;
height:500px;
background-image:url(http://img12.3lian.com/gaoqing02/01/58/85.jpg);
background-repeat:no-repeat;
}
css背景图片平铺效果如下:
2345截图20181008135659.png
css背景图片平铺之在X及Y轴方向均不平铺:
#content{
border:1pxsolid#000fff;
height:500px;
background-image:url(images/tu.jpg);
background-repeat:no-repeat;
}
css背景在X及Y轴方向均不平铺效果如下:
css背景图片平铺之横向平铺背景: 背景图片现在只在X轴即横向进行了平铺操作,纵向并没有进行平铺 #content{ border:1pxsolid#000fff; height:500px; background-image:url(images/tu.jpg); background-repeat:repeat-x; }
本文转载自中文网
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css如何让背景图片平铺?
本文地址: https://pptw.com/jishu/664443.html