css 风格怎么背景图片不重复显示??(就是有多大就显示多大)

发布网友发布时间：2022-04-06 12:18

共4个回答

热心网友时间：2022-04-06 13:47

CSS中背景图片不重复显示可以通过Background-repeat：no-repeat属性来控制。

具体步骤如下：

需要准备的材料分别是：电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件。

2、在html文件中输入以下的html代码。

3、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

4、在浏览器中打开此html文件，可以看到最终想要实现的背景图片效果。

热心网友时间：2022-04-06 15:05

CSS中背景图片不重复可以通过Background-repeat 属性来控制。

对Background-repeat 属性的定义、用法及案例介绍：

对浏览器的支持：所有浏览器都支持 background-repeat 属性。

Background-repeat 属性定义和用法：

background-repeat 属性设置是否及如何重复背景图像。

默认地，背景图像在水平和垂直方向上重复。

详细说明：

background-repeat 属性定义了图像的平铺模式。

从原图像开始重复，原图像由 background-image 定义，并根据 background-position 的值放置。

Background-repeat 属性可选值，及其含义：

repeat：默认。背景图像将在垂直方向和水平方向重复。

repeat-x：背景图像将在水平方向重复。

repeat-y：背景图像将在垂直方向重复。

no-repeat：背景图像将仅显示一次。

inherit：规定应该从父元素继承 background-repeat 属性的设置。

实例（你所需要背景图片不重复代码）：

body
  {
  background-image:url(bd.jpg);
  background-repeat:no-repeat;repeat-x;repeat-y;
  }

重要提示：

A、任何版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

B、背景图像的位置是根据 background-position 属性设置的。如果未规定 background-position 属性，图像会被放置在元素的左上角。

C、代码中所有标点符号均为英文状态下。

热心网友时间：2022-04-06 16:40

你不写就会repeat了
('images/Index/bg.jpg') center
这样就好了，没有yes-repeat这个值
repeat-x,是水平方向重复
repeat-y是垂直方向重复
不写是水平和垂直方向同时重复

热心网友时间：2022-04-06 18:31

属性写错误了
backgroud-repeat属性值如下.no-repeat,repeat-x,repeat-y
no-repeat 不重复填充
repeat-x 横向重复填充
repeat-y纵向重复填充