• 技术文章 >web前端 >前端问答

    css怎么设置图片

    藏色散人藏色散人2021-04-02 10:32:43原创78

    css设置图片的方法:首先创建一个HTML示例文件;然后在body中创建一个div;最后通过“background-image: url("1.jpg");”设置图片即可。

    本文操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑

    在CSS中,可以使用background-image属性来设置图片。background-image属性为元素设置背景图像。

    元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。

    根据 background-repeat 属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。

    初始背景图像(原图像)根据 background-position 属性的值放置。

    background-image属性的值:

    url('URL') 指向图像的路径。

    none 默认值。不显示背景图像。

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

    提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。

    示例:

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    div{
    width:450px;
    height: 300px;
    background-image: url("1.jpg");
    }
    </style>
    </head>
    <body>
    <div></div>
    </body>
    </html>

    效果图:

    ee5a2f72081302de908ab70fe58c85c.png

    推荐学习:《css视频教程

    以上就是css怎么设置图片的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:html怎么设置表格高度 下一篇:css的注释是什么
    第15期线上培训班

    相关文章推荐

    • css如何设置文本颜色• 深入浅析css属性选择器• css中哪些属性可以继承• 如何使用css去掉a标签的下划线?(代码详解)• 详解CSS3+SVG滤镜实现不规则边框的方法

    全部评论我要评论

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

    PHP中文网