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

    html如何设置背景图片

    青灯夜游青灯夜游2021-04-30 18:17:48原创831

    设置方法:1、使用background属性,语法“<body background="URL">”;2、使用background-image属性,语法“<body style="background-image:url('URL')">”。

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

    方法1:使用body background属性

    body background属性规定文档的背景图片。语法如下:

    <body background="URL">

    示例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    </head>
    <body background="img/1.jpg">
    添加背景图片
    </body>
    </html>

    效果图:

    1.png

    方法2:使用css background-image属性

    background-image 属性设置一个元素的背景图像。

    元素的背景是元素的总大小,包括填充和边界(但不包括边距)。

    默认情况下,background-image放置在元素的左上角,并重复垂直和水平方向。

    示例:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    	</head>
    	<body style="background-image: url(img/3.jpg);">
    		添加背景图片
    	</body>
    </html>

    效果图:

    2.png

    推荐教程:《html视频教程

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html 背景图片
    上一篇:html怎么修改字体大小 下一篇:html怎么隐藏p标签
    VIP会员

    相关文章推荐

    • html边框线怎么设置• html5和flash的区别有哪些• 如何引用CSS文件到html网页里• html和jsp的区别是什么• html的注释符号是什么

    全部评论我要评论

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

    PHP中文网