亮点云



国家高新技术企业  一站式建站平台




收藏亮点云建站网址

开发技巧

首页 >> 建站技巧 >>企业建站 >> 网站建站设计中背景图片重复的技巧
详细内容

网站建站设计中背景图片重复的技巧


建企业网站时离不开网页设计,而图片在网页设计中又是不可或缺的组成部分。在主流的网页排版中一般会使用CSS来控制页面中图片的显示,如平铺、覆盖、局部、重复等操作。如何通过CSS样式属性来控制背景图片的重复与否,其实在CSS属性中可以使用background-repeat来定义背景图片的重复属性。

CSS背景图片控制属性:background-repeat:repeat-x|repeat-y|no-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><div class="demo"></div>

如上,在类名为'demo'的盒子里添加一个名为'logo.png'的图片做为背景图,并通过background-repeat的不重复属性'no-repeat'设置背景图片不重复。



咨询热线:13683052803
亮点云      版权所有        京ICP备2021039330号-6
Copyright @ 2018 . All rights reserved
微信咨询: ldv868
QQ 咨询: 302709883
公司邮箱: service@ld-w.cn
公司地址: 北京市丰台区汇亚大厦306室
扫码联系客户经理
seo seo