• 技术文章 >web前端 >css教程

    如何用css把图片弄成背景

    藏色散人藏色散人2021-01-25 09:05:12原创1884

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

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

    推荐:css视频教程

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

    可以设置的属性分别是:background-color、background-position、background-size、background-repeat、background-origin、background-clip、background-attachment 和 background-image。

    各值之间用空格分隔,不分先后顺序。可以只有其中的某些值,例如 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>

    效果如下:

    1a0e45cfd671dcdb65ff59bb35084cc.png

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:使用CSS实现的几种进度条 下一篇:css里面怎么让body内容居中
    大前端线上培训班

    相关文章推荐

    • 浅谈使用CSS实现半透明边框和多重边框效果的方法• 淘宝css权限是什么• CSS %单位的特点• 5个有用的css函数(分享)• 使用CSS实现的几种进度条

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网