html设置背景的方法:1、使用body标签的bgcolor属性设置背景颜色;2、使用body标签的background属性设置背景图片;3、在body标签中使用style属性,添加“background:颜色值/url('图片路径')”。

77400c3043044d118e8a91ef51f80ebb.png

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

html设置背景

1、body标签的bgcolor属性

bgcolor 属性规定文档的背景颜色。

Hello world!

效果图:

fe9fe0b49ae3d2716e477cb789ba82a2.png

注意:如果使用颜色名,不同浏览器的渲染结构不一样,如果使用RGB代码,火狐浏览器无法显示正确颜色。

提示: 如果所有浏览器要显示相同颜色,要使用十六进制的颜色代码。

2、body标签的background属性

background 属性规定规定文档的背景图像。

效果图:

7d62d6226c3d32be98aada32196fd734.png

3、css background 属性

background属性是一个简写属性,可以在一个声明中设置所有的背景属性。

可以设置的属性分别是:background-color

background-position

background-size

background-repeat

background-origin

background-clip

background-attachment

background-image

示例:

body

{

background: pink url('smiley.gif') no-repeat fixed center;

}

This is some text

This is some text

This is some text

This is some text

This is some text

This is some text

This is some text

This is some text

This is some text

This is some text

This is some text

This is some text

This is some text

This is some text

This is some text

This is some text

效果图:

75bb61de108451268c76738c611c458a.png

推荐教程:《html视频教程》

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐