百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> background-repeat怎么运用
分享文章到:

background-repeat怎么运用

发布时间:08/01 来源:未知 浏览: 关键词:
background-repeat属性设定可否及怎样反复配景图像,也就是定义了图像的平铺模式。默许地,配景图像在水温和垂直标的目的上反复。 我们晓得background属性是用于设定配景的,那么background-repeat属性怎么运用呢?本篇文章就来给大家介绍一下background-repeat属性的运用办法。

background-repeat属性设定可否及怎样反复配景图像,也就是定义了图像的平铺模式。默许地,配景图像在水温和垂直标的目的上反复。

background-repeat属性的设定从原图像开端反复,原图像由background-image定义,并依据background-position的值放置。

注意:配景图像的位置是依据background-position属性设定的。要是未规定background-position属性,图像会被放置在元素的左上角。

下面我们就来看概括的示例







结果如下:横向平铺,由于没有设定background-position,所以图像是从左上角开端反复的。

要是你想要纵向平铺,你可以设定background-repeat: repeat-y;,从特定位置平铺可以设定background-position属性。

本篇文章到这里就全部完毕了,更多出色内容大家可以关注 百分百源码网 的其他相干栏目教程!!!

以上就是background-repeat 怎么运用的细致内容,更多请关注 百分百源码网 其它相干文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板