首页前端开发JavaScripthtml设置背景图片的代码是什么

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

时间2024-01-29 13:24:03发布访客分类JavaScript浏览431
导读:收集整理的这篇文章主要介绍了html设置背景图片的代码是什么,觉得挺不错的,现在分享给大家,也给大家做个参考。htML设置背景图片的代码是:“<body background="图片地址"></body>”;通过ba...
收集整理的这篇文章主要介绍了html设置背景图片的代码是什么,觉得挺不错的,现在分享给大家,也给大家做个参考。

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设置背景图片的代码是什么的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

背景"

若转载请注明出处: html设置背景图片的代码是什么
本文地址: https://pptw.com/jishu/591136.html
HTML如何制作表单 HTML如何限制input输入框只输入纯数字

游客 回复需填写必要信息