html如何设置背景图片

 时间:2026-02-14 05:51:14

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页面如何给图片添加链接
  • 热门搜索
    建国手抄报文字内容 重阳节手抄报图片简单 母亲节手抄报大全 国庆节的手抄报图片 少先队建队日手抄报 感恩节手抄报内容 教师节手抄报模板 心理手抄报内容 预防禽流感手抄报 新年英语手抄报