Maison  >  Article  >  interface Web  >  Comment rendre l'image d'arrière-plan HTML en plein écran

Comment rendre l'image d'arrière-plan HTML en plein écran

angryTom
angryTomoriginal
2020-03-06 17:31:0312390parcourir

Comment rendre l'image d'arrière-plan HTML en plein écran

Comment rendre l'image d'arrière-plan HTML en plein écran

1. Réglez d'abord la hauteur du HTML et du corps à 100 %<.>

Apprentissage recommandé :

tutoriel HTML

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

2. Ajoutez ensuite une image d'arrière-plan au corps et définissez la taille de l'arrière-plan sur 100%.


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

Pour plus de tutoriels connexes, veuillez faire attention au

Site Web PHP chinois !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn