■ 定义

background-repeat属性用于定义是否及如何对背景图像进行平铺

■ 使用说明

语法:

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

属性值:

  repeat:沿着x轴和y轴平铺(默认)

  no-repeat:不平铺

  repeat-x:沿着x轴平铺

  repeat-y:沿着y轴平铺

背景平铺可以添加背景颜色,只不过背景图片会压住背景颜色

■ 示例

div {
    width: 100px;
    height: 100px;
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
}

 

版权声明:本文为shiliye原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/shiliye/p/14184823.html