怎么在css中设置图片不重复

这篇文章将为大家详细讲解有关怎么在css中设置图片不重复,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

css可以使用“平铺方式”属性设置图片不重复,语法“平铺方式:没有重演”;该属性设置是否及如何重复背景图像,当值为“没有重演”时,表示背景图像仅显示一次。

平铺方式属性介绍:

平铺方式属性定义了图像的平铺模式。

从原图像开始重复,原图像由背景图像定义,并根据背景位置的值放置。

属性值:

<李>

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

<李>

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

<李>

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

<李>

没有重演背景图像将仅显示一次。

<李>

继承规定应该从父元素继承平铺方式属性的设置。

示例:

& lt; html> 　　& lt; head> 　　& lt; style 类型=拔谋?css"比; 　　身体 　　{, 　　背景图片: 　　url(/我/eg_bg_03.gif); 　　 　　} 　　& lt;/style> 　　& lt;/head> 　　& lt; body> 　　& lt;/body> 　　& lt;/html>

效果图:

css设置图片不重复

& lt; html> 　　& lt; head> 　　 　　& lt; style 类型=拔谋?css"比; 　　身体 　　{, 　　背景图片: 　　url(/我/eg_bg_03.gif); 　　平铺方式:不再重演 　　} 　　& lt;/style> 　　 　　& lt;/head> 　　 　　& lt; body> 　　& lt;/body> 　　& lt;/html>

效果图:

关于怎么在css中设置图片不重复就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

怎么在css中设置图片不重复