Rumah >hujung hadapan web >html tutorial >html背景图片怎么全屏

html背景图片怎么全屏

angryTom
angryTomasal
2020-03-06 17:31:0312440semak imbas

html背景图片怎么全屏

html背景图片怎么全屏

1、首先设置html和body的高度为100%

推荐学习:html教程

html,body{
    width:100%;
    height:100%
}

2、然后给body添加背景图片,并设置background-size为100%即可。

body{
  font-family: "华文细黑";
  background:url("../img/Flyer-bg.png") no-repeat;
  background-size: 100%;
}

更多相关教程,请关注PHP中文网

Atas ialah kandungan terperinci html背景图片怎么全屏. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:html实现点击直接下载文件Artikel seterusnya:html实现高亮关键字