怎么使用css把图片弄成背景

这篇文章将为大家详细讲解有关怎么使用css把图片弄成背景,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

用css把图片弄成背景的方法:首先创建一个HTML示例文件,然后在身体中添加一些p标签;最后使用css中属的背景性将图片设置为背景即可。

可以使用css中属的背景性将图片设置为背景,背景可以在一个声明中设置所有背景属性。

可以设置的属性分别是:背景颜色,背景位置,background-size,平铺方式,background-origin, background-clip, background-attachment和背景图片。

各值之间用空格分隔,不分先后顺序。可以只有其中的某些值,例如背景:# FF0000 URL (smiley.gif);是允许的。

示例:

& lt; html> 　　& lt; head> 　　& lt; style 类型=拔谋?css"比; 　　身体 　　{, 　　背景:# ff0000  url (img/1. jpg),,, 　　} 　　& lt;/style> 　　& lt;/head> 　　& lt; body> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt; p>这是一些文本。;/p> 　　& lt;/body> 　　& lt;/html>

效果如下:

关于“怎么使用css把图片弄成背景”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

怎么使用css把图片弄成背景