资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

css如何取消图片的自动填充

小编给大家分享一下css如何取消图片的自动填充,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

成都创新互联是一家专业提供元宝企业网站建设,专注与网站设计、网站建设、HTML5、小程序制作等业务。10年已为元宝众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

在css中,可以利用“background-repeat”属性取消图片的自动填充,语法为“图片元素{background-repeat:no-repeat;}”。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

我们可以通过“background-repeat”属性取消图片的自动填充,该属性用于设置是否及如何重复背景图像。默认地,背景图像在水平和垂直方向上重复。

当该属性的值为no-repeat时,表示图片不会自动填充。

css如何取消图片的自动填充

示例如下:




body{ 
background-image: 
url(/i/eg_bg_03.gif);
}




输出结果:

css如何取消图片的自动填充

当添加background-repeat:no-repeat;样式时,输出结果:

css如何取消图片的自动填充

看完了这篇文章,相信你对“css如何取消图片的自动填充”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


当前文章:css如何取消图片的自动填充
标题路径:http://cdkjz.cn/article/jddjpo.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220