css中的background-repeat属性怎么用

这篇文章主要介绍css中的background-repeat属性怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联公司主要从事网站制作、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务白云,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792

CSSbackground-repeat属性

作用:设置是否及如何重复背景图像。

基本语法:

background-repeat:repeat|repeat-x|repeat-y|no-repeat;

repeat:默认值,背景图像将向垂直和水平方向重复。

repeat-x:只有水平位置会重复背景图像。

repeat-y:只有垂直位置会重复背景图像。

no-repeat:设置背景图片不会重复。

说明:background-repeat属性定义了图像的平铺模式。从原图像开始重复,原图像由background-image定义,并根据background-position的值放置。

CSSbackground-repeat属性的使用示例

菜鸟教程(runoob.com)

repeat设置背景图片向垂直和水平方向重复

no-repeat设置背景图片不重复

repeat-x设置背景图片向水平方向重复

repeat-y设置背景图片向垂直方向重复

以上是“css中的background-repeat属性怎么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


当前文章:css中的background-repeat属性怎么用
分享网址:http://bzwzjz.com/article/gjgchg.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 品牌网站建设 成都网站制作 成都网站制作 成都h5网站建设 成都营销网站建设 手机网站制作 自适应网站设计 网站设计 成都企业网站建设公司 定制网站设计 营销网站建设 手机网站制作 成都网站建设 成都商城网站建设 教育网站设计方案 成都响应式网站建设 阿坝网站设计 高端定制网站设计 成都网站建设 高端网站设计推广 成都网站建设 企业网站设计