css中的background-repeat属性怎么用


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

  
  
  
  
  

  .demo1{
  width:400px;
  height:150px;
  border:1pxsolidred;
  background-image:url(‘https://img.php.cn/upload/article/000/000/024/5c6a442免费云主机域名8ea867709.png’);
  background-repeat:repeat;
  }
  .demo2{
  width:400px;
  height:100px;
  border:1pxsolidred;
  background-image:url(‘https://img.php.cn/upload/article/000/000/024/5c6a4428ea867709.png’);
  background-repeat:no-repeat;
  }
  .demo3{
  width:400px;
  height:150px;
  border:1pxsolidred;
  background-image:url(‘https://img.php.cn/upload/article/000/000/024/5c6a4428ea867709.png’);
  background-repeat:repeat-x;
  }
  .demo4{
  width:400px;
  height:400px;
  border:1pxsolidred;
  background-image:url(‘https://img.php.cn/upload/article/000/000/024/5c6a4428ea867709.png’);
  background-repeat:repeat-y;
  }
  
  
  
  
  

相关推荐: spark中如何读取impala的parquet并对String串的处理

这篇文章给大家分享的是有关spark中如何读取impala的parquet并对String串的处理的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。读取impala的parquet,对String串的处理感谢各位的阅读!关于“spark…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 09/07 09:52
Next 09/07 09:52

相关推荐