视讯游戏提供最新游戏下载和手游攻略!

background-repeat 网站建设技术分享:网页设计中重复背景图片的技巧background-repeat

发布时间:2024-07-10浏览:1

在企业网站建设时,网页设计是必不可少的,而图片又是网页设计中不可缺少的一部分。在主流的网页布局中,一般都会使用CSS来控制图片在页面上的显示方式,如平铺、叠加、局部、重复等。那么如何通过CSS样式属性来控制背景图片的重复呢?其实在CSS属性中可以使用background-repeat来定义背景图片的重复属性。

CSS 背景图像控制属性:

背景重复:重复 x|重复 y|不重复

background-repeat_background-repeat_background-repeat

•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将背景图设置为非重复。

热点资讯