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

html背景图片怎么全屏

angryTom
Lepaskan: 2020-03-06 17:31:03
asal
12441 orang telah melayarinya

html背景图片怎么全屏

html背景图片怎么全屏

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

推荐学习:html教程

html,body{
    width:100%;
    height:100%
}
Salin selepas log masuk

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

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

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

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan