• 技术文章 >web前端 >html教程

    html怎么设置网页背景

    青灯夜游青灯夜游2021-05-27 18:00:15原创721

    方法: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="https://www.php.cn/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中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html 网页背景
    上一篇:html怎么让字体加粗 下一篇:HTML5利用canvas绘制哆啦A梦头部(代码实例)
    第16期线上培训班

    相关文章推荐

    • dede去掉index.html• html a怎么禁止点击• txt怎么转换html• 如何通过html+css+mysql+php来快速的制作动态网页• html5的开发工具有哪些• html如何让input隐藏

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网