好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

如何用css把图片弄成背景

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

本教程操作环境:Windows7系统、css3版,DELL G3 电 脑。

推荐:css视频教程

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

可以设置的属性分别是:background-color、background-pos IT ion、 background-size 、background-re PE at、background-ori gin 、background-clip、background-attachment 和 background -i mage。

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

示例:

<html>
<head>
<style type="text/css">
body
{ 
background:  # ff0000 url( img /1. jpg ) ; 
}
</style>
</head>
<body>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
</body>
</html>

效果如下:

以上就是如何用css把图片弄成背景的详细内容,更多请关注其它相关 文章 !

总结

以上是 为你收集整理的 如何用css把图片弄成背景 全部内容,希望文章能够帮你解决 如何用css把图片弄成背景 所遇到的问题。

如果觉得 网站内容还不错,欢迎将 推荐好友。

查看更多关于如何用css把图片弄成背景的详细内容...

  阅读:17次