css 怎么设置背景图片的重复次数

发布网友发布时间：2022-04-28 13:16

共6个回答

懂视网时间：2022-04-28 17:37

css背景属性是什么？css背景属性有哪些？相信有很多刚刚接触css的朋友都会有这样的疑问。本章就给大家介绍css背景属性是什么？多重属性怎么实现。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。【推荐阅读：css怎么设置4个圆角？css设置4个圆角方法】

CSS多背景属性用于一次添加一个或多个图像而不使用HTML代码。我们可以根据我们的要求添加图像。多背景图像的示例语法如下：

#multibackground {
 background-image: url(/css/images/logo.png), url(/css/images/border.png);
 background-position: left top, left top;
 background-repeat: no-repeat, repeat;
 padding: 75px;}

属性显示如下：

微信图片_20181108152914.png

以下是演示多背景图像的示例：

<html>
 <head>
 
 <style>
  #multibackground {
  background-image: url(/css/images/logo.png), url(/css/images/border.png);
  background-position: left top, left top;
  background-repeat: no-repeat, repeat;
  padding: 75px;
  }
 </style>
 
 </head>
 <body>
 
 <div id = "multibackground">
  <h1>www.php.cn</h1>
  <p>
  Gxlcms提供大量免费、原创、高清的php视频教程，并定期举行公益php培训！可边学习边在线修改示例代码，查看执行效果！php从入门到精通，一站式php自学平台！
  </p>
 </div>
 
 </body>
</html>

效果如下：

微信截图_20181108150923.png

还可以设置背景的大小：

多背景属性为不同的图像添加不同的大小。示例语法如下所示：

#multibackground {
 background: url(/css/imalges/logo.png) left top no-repeat, url(/css/images/boarder.png) right bottom no-repeat, url(/css/images/css.gif) left top repeat;
 background-size: 50px, 130px, auto;}

上面的示例所示，每个图像具有50px，130px和自动尺寸的特定尺寸。

热心网友时间：2022-04-28 14:45

这个目前的css3及以前的css规则中没有提及到。目前能够对背景进行的操作就是横向平铺（background-repeat:repeat-x）、纵向平铺（background-repeat:repeat-y）、完全平铺（background-repeat:repeat/不填写）、背景图大小（background-size）、背景定位区域（background-origin）、多重背景图片（background-image:url(bg_flower.gif),url(bg_flower_2.gif)）等，还没有涉及到你说的这个重复次数的问题，你可以根据背景图的大小和想要重复的次数计算一下对应的宽高，然后限定一下宽高进行完全平铺，最后用定位将这个标签定位到你想要的位置。

热心网友时间：2022-04-28 16:03

CSS中是不能设置背景图片的重复次数，不过可以做出重复次数的效果。

例如，你的一张图片如果是X轴重复3次，宽为100px;那么你就可以写

img{background:url(图片地址) repeat-x;height:50px;width:300px;}

这样子就可以了。

CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

热心网友时间：2022-04-28 17:38

呵呵你可真搞笑啊！叽里咕噜都出来了呵呵！给你发点资料吧！语法： background : background-color || background-image || background-repeat || background-attachment || background-position 取值：该属性是复合属性。请参阅各参数对应的属性。
默认值为：transparent none repeat scroll 0% 0%。说明：设置对象的背景样式。
如使用该复合属性定义其单个参数，则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
例如：设置 background : white 等于设置 background : white none repeat scroll 0% 0% 。如果在此之前设置了 background-image 属性，则其设置将被 background-image 的默认值 none 覆盖。
背景样式属性的作用区域为对象的内容区域与内补丁( padding )区域。不包括边框( border )与外补丁( margin )区域。尽管该属性不可继承，但如果未指定，其父对象的背景颜色和背景图将在对象下面显示。
对应的脚本特性为 background 。

热心网友时间：2022-04-28 19:29

不能修改重复次数，你可以通过别的方式实现啊比如，把背景图片改改

热心网友时间：2022-04-28 21:37

我确定。不能修改重复次数。。