如何给html设置背景


本文摘自PHP中文网,作者青灯夜游,侵删。

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

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

html设置背景

1、body标签的bgcolor属性

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

1

2

3

4

5

6

7

8

9

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

</head>

<body bgcolor="#E6E6FA">

<h1>Hello world!</h1>

</body>

</html>

效果图:

1.png

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

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

2、body标签的background属性

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

1

2

3

4

5

6

7

8

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

</head>

<body background="demo/img/1.jpg">

</body>

</html>

效果图:

2.png

3、css background 属性

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

可以设置的属性分别是:

  • background-color

  • background-position

  • background-size

  • background-repeat

  • background-origin

  • background-clip

  • background-attachment

  • background-image

示例:

阅读剩余部分

相关阅读 >>

如何处理Html中的换行字符“?”

Html中iframe标签有哪些用法

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

js怎么去掉Html标签

基于Html如何做出多图上传预览效果

前端开发者必须知道的http协议相关知识

动画工具dragonbones的常用术语和使用方法介绍(图)

Html的含义是什么

Html属性的作用(代码)

www中的超文本文件是用什么语言编写的

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...