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

    html设置背景图片的代码是什么

    醉折花枝作酒筹醉折花枝作酒筹2021-04-07 17:56:24原创104

    html设置背景图片的代码是:“<body background="图片地址"></body>”;通过background属性来设置网页的背景图片,此属性可以在一个元素中设置多个背景图像,并指定他们的位置。

    本教程操作环境:windows7系统、HTML4版、Dell G3电脑。

    为网页添加背景图片可以衬托网页的显示效果,从而取得更好的视觉效果。背景图片的选择不仅要注意好看,而且还要注意不能喧宾夺主,影响网页内容的阅读。通常使用深色的背景图片配合浅色的文本,或者浅色的背景图片配合深色的文本。background属性用来设置网页的背景图片。

    基本语法:

    <body background="图片地址"></body>

    background属性值就是图片的路径。路径可以是相对地址,也可以是绝对地址。

    实例代码:

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    </head>
    <body background="../images/bg.jpg">
    </body>
    </html>

    背景图片一定要与插图以及文字的颜色相协调。为了保证浏览器载入网页的速度,尽量不要使用字节过大的图片。

    推荐学习:《HTML视频教程

    以上就是html设置背景图片的代码是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:Html 背景
    上一篇:HTML如何制作表单 下一篇:HTML如何限制input输入框只输入纯数字
    第15期线上培训班

    相关文章推荐

    • js怎么去掉html标签• html怎么去掉超链接的下划线• html怎么设置不换行• html怎么设置表格高度

    全部评论我要评论

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

    PHP中文网