html如何设置背景图片

 时间:2026-04-22 04:39:11

1、新建一个html文档,如图所示

html如何设置背景图片

html如何设置背景图片

html如何设置背景图片

2、首先链接图片位置,如图所示,输入

<img id="bg" src="1.jpg" />

html如何设置背景图片

3、然后在head标签里输入

body{


    margin: 0px;
    padding: 0px;

如图所示

html如何设置背景图片

4、再输入以下代码

#bg{


    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
}

html如何设置背景图片

5、最后按f12预览可以看到有背景图片了

html如何设置背景图片

  • html导航栏如何水平固定在头部
  • 网页设计HTML中如何插入背景图片
  • html字间距怎么设置
  • html怎么实现过渡效果
  • HTML页面如何给图片添加链接
  • 热门搜索
    植树节手抄报内容大全 爱国的手抄报 英语手抄报图片 三国演义手抄报 我爱读书手抄报 保护环境的手抄报 感恩父母手抄报 6.1儿童节手抄报 中秋节的手抄报 爱国主义手抄报