在企业网站建设时,网页设计是必不可少的,而图片又是网页设计中不可缺少的一部分。在主流的网页布局中,一般都会使用CSS来控制图片在页面上的显示方式,如平铺、叠加、局部、重复等。那么如何通过CSS样式属性来控制背景图片的重复呢?其实在CSS属性中可以使用background-repeat来定义背景图片的重复属性。
CSS 背景图像控制属性:
背景重复:重复 x|重复 y|不重复
•repeat-x:图像在x轴方向重复。
•repeat-y:图像在 y 轴方向重复。
•no-repeat:不平铺,图像仅显示一次。
//div背景图片不重复 <style> .demo{ width:500px;height:600px;margin:0 auto; background-image:url( background-repeat:no-repeat; } </style>
如上,在类名为demo的框中添加一张名为logo.png的图片作为背景图,并通过background-repeat的非重复属性no-repeat将背景图设置为非重复。