在建企业网站时离不开网页设计,而图片在网页设计中又是不可或缺的组成部分。在主流的网页排版中一般会使用CSS来控制页面中图片的显示,如平铺、覆盖、局部、重复等操作。如何通过CSS样式属性来控制背景图片的重复与否,其实在CSS属性中可以使用background-repeat来定义背景图片的重复属性。
CSS背景图片控制属性:
background-repeat:repeat-x|repeat-y|no-repeat
•repeat-x:图片在x轴方向上重复。
•repeat-y:图片在y轴方向上重复。
•no-repeat:不平铺,图片只显示一次。
//div背景图片不重复
如上,在类名为'demo'的盒子里添加一个名为'logo.png'的图片做为背景图,并通过background-repeat的不重复属性'no-repeat'设置背景图片不重复。
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.