微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css可设置图像重复

CSS中有一个非常有用的属性可以让我们设置背景图像重复显示的方式,那就是background-repeat属性

    background-repeat: repeat-x;

css可设置图像重复

以上的代码意义是,让背景图像在水平方向上重复显示,而在垂直方向上不做重复处理。除了repeat-x外,background-repeat还有以下值:

    background-repeat: repeat-y;  /* 在垂直方向上重复显示,水平方向不做处理 */
    background-repeat: no-repeat; /* 不做重复处理 */
    background-repeat: repeat;   /* 在水平和垂直方向上重复显示 */

需要注意的是,当我们设置背景图像的时候,背景图像本身是有大小的。所以当我们不对背景图像大小做设置的时候,它认会以实际大小显示,也就是说大多数情况下,我们需要把这个值设置成repeat。

    background-repeat: repeat;

如果我们对图像进行了缩放或者是裁剪等处理,就可以考虑使用其他的属性值来达到想要的效果

总结一下,使用CSS的background-repeat属性可以很方便地设置图像的重复方式,可以让我们的页面更加美观。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。