HTML中设置背景的方法是什么，使用什么属性
导读：这篇文章给大家介绍了“HTML中设置背景的方法是什么，使用什么属性”的相关知识，讲解详细，步骤过程清晰，对大家进一步学习和理解“HTML中设置背景的方法是什么，使用什么属性”有一定的帮助，希望大家阅读完这篇文章能有所收获。下面就请大家跟着小...
这篇文章给大家介绍了“HTML中设置背景的方法是什么，使用什么属性”的相关知识，讲解详细，步骤过程清晰，对大家进一步学习和理解“HTML中设置背景的方法是什么，使用什么属性”有一定的帮助，希望大家阅读完这篇文章能有所收获。下面就请大家跟着小编的思路一起来学习一下吧。
html设置背景的方法：1、使用body标签的bgcolor属性设置背景颜色；2、使用body标签的background属性设置背景图片；3、在body标签中使用style属性，添加“background:颜色值/url('图片路径')”。
本教程操作环境：windows7系统、CSS3& & HTML5版、Dell G3电脑。
html设置背景
1、body标签的bgcolor属性
bgcolor 属性规定文档的背景颜色。
!DOCTYPE html>
html>
head>
meta charset="utf-8">
/head>
body bgcolor="#E6E6FA">
h1>
Hello world!/h1>
/body>
/html>
效果图：
注意：如果使用颜色名，不同浏览器的渲染结构不一样，如果使用RGB代码，火狐浏览器无法显示正确颜色。
提示： 如果所有浏览器要显示相同颜色，要使用十六进制的颜色代码。
2、body标签的background属性
background 属性规定规定文档的背景图像。
!DOCTYPE html>
html>
head>
meta charset="utf-8">
/head>
body background="demo/img/1.jpg">
/body>
/html>
效果图：
3、css background 属性
background属性是一个简写属性，可以在一个声明中设置所有的背景属性。
可以设置的属性分别是：
background-color
background-position
background-size
background-repeat
background-origin
background-clip
background-attachment
background-image
示例：
!DOCTYPE html>
html>
head>
meta charset="utf-8">
style>
body
{
background: pink url('smiley.gif') no-repeat fixed center;
}
/style>
/head>
body>
p>
This is some text/p>
p>
This is some text/p>
p>
This is some text/p>
p>
This is some text/p>
p>
This is some text/p>
p>
This is some text/p>
p>
This is some text/p>
p>
This is some text/p>
p>
This is some text/p>
p>
This is some text/p>
p>
This is some text/p>
p>
This is some text/p>
p>
This is some text/p>
p>
This is some text/p>
p>
This is some text/p>
p>
This is some text/p>
/body>
/html>
效果图：
到此这篇关于“HTML中设置背景的方法是什么，使用什么属性”的文章就介绍到这了，感谢各位的阅读，更多相关HTML中设置背景的方法是什么，使用什么属性内容，欢迎关注网络资讯频道，小编将为大家输出更多高质量的实用文章！
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： HTML中设置背景的方法是什么，使用什么属性
本文地址： https://pptw.com/jishu/654805.html