首页 >web前端 >html教程 > 正文

html怎么设置网页背景

原创2021-05-27 18:00:1502889

方法:1、在body标签中,使用bgcolor属性设置背景颜色,语法“<body bgcolor="颜色值">”;2、、在body标签中,使用background属性设置背景图片,语法“<body background="图片url">”。

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

好的背景使站点看上去特别棒。那么html怎么设置网页背景?下面介绍一下。

<body> 拥有两个配置背景的属性。背景可以是颜色或者图像。

背景颜色(Bgcolor)

bgcolor 属性规定文档的背景颜色。属性值可以是十六进制数、RGB 值或颜色名。

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

以上的代码均将背景颜色设置为黑色。

实例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
	</head>

	<body bgcolor="#E6E6FA">
		<h1>Hello world!</h1>
	</body>

</html>

1.png

背景(Background)

background 属性规定规定文档的背景图像。。属性值为图像的URL。如果图像尺寸小于浏览器窗口,那么图像将在整个浏览器窗口进行复制。

<body background="logo.png">
<body background="//m.sbmmt.com/static/images/logo.png">

URL可以是相对地址,如第一行代码。也可以使绝对地址,如第二行代码。

实例:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body background="img/1.jpg">

<h1>Hello world!</h1>

</body>
</html>

1.png

推荐教程:《html视频教程

以上就是html怎么设置网页背景的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html 网页背景
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    JavaScript怎么输出4行3列的二维数组989
    php与JavaScript有什么区别350
    JavaScript的对象是什么706
    推荐视频教程
  • 2018前端入门_HTML52018前端入门_HTML5
  • 从零开始构建HTML页面从零开始构建HTML页面
  • HTML前端基础第六部HTML前端基础第六部
  • HTML/CSS技术小知识每日分享HTML/CSS技术小知识每日分享
  • html5开发实战之百度外卖手机站前端制作html5开发实战之百度外卖手机站前端制作
  • HTML每日小知识(第二季)HTML每日小知识(第二季)
  • 视频教程分类