HTML中设置背景的方法是什么，使用什么属性-群英

HTML中设置背景的方法是什么，使用什么属性

Admin发表于 2022-05-12 17:23:081024 次浏览

这篇文章给大家介绍了“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中设置背景的方法是什么，使用什么属性内容，欢迎关注群英网络资讯频道，小编将为大家输出更多高质量的实用文章！

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

标签： html设置背景

上一篇： MySQL的explain怎样应用，如何实现SQL的性能分析

下一篇： HTML中如何实现文本框不可编辑，代码是什么