分享更有价值
被信任是一种快乐

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/5c6a4428ea867709.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;
  }
  
  
  
  
  

相关推荐: 实用的CSS属性有哪些

这期内容当中小编将会给大家带来有关实用的CSS属性有哪些,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。1. Outline在调试CSS问题的时候,我常常在指定元素上添加border来精确的查看该元素会发生什么并帮助确定问题的…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册