Photo cut

Comment supprimer l'image d'arrière-plan en HTML

Apprenez à supprimer facilement les images d'arrière-plan en HTML avec ce guide étape par étape. Que vous soyez débutant ou codeur expérimenté, nous avons ce qu'il vous faut. Dites adieu aux arrière-plans indésirables et créez un look épuré et professionnel pour votre site Web.

Téléchargez l'application, MAINTENANT !

Approuvé par des équipes du monde entier
Approuvé par des équipes du monde entier

Étape 1

Étape 2

Étape 3

Comment supprimer une image d'arrière-plan en HTML

Parfois, vous souhaiterez peut-être définir un arrière-plan pour une page Web ou modifier un élément pour le rendre beaucoup plus esthétique ou mettre en évidence quelque chose de spécifique, et ainsi de suite.

Mais le faire en utilisant HTML n'est pas la tasse de thé de tout le monde. Par conséquent, voici votre guide pour supprimer facilement les images d'arrière-plan en HTML !

Comment supprimer les images d'arrière-plan en HTML ?

Voici les étapes que vous devez suivre pour supprimer les images d'arrière-plan en HTML :< /p>

Étape 1 : Créez un code HTML à l'aide d'un <h2> élément et trois <div> éléments. Et pour le deuxième <div>, utilisez un « id » qui indique « sans arrière-plan ».

<h2>Exemple</h2>

<div></div>

<div id=no-background></div>

< p><div></div>

Étape 2 : Ajoutez un style CSS au premier et au dernier <div> elements. 

Ajoutez la hauteur et la largeur de votre <div> puis spécifiez la marge inférieure, les propriétés de bordure et la couleur d'arrière-plan. Et puis, utilisez la propriété background-image avec la valeur URL. Après cela, attribuez la répétition d'arrière-plan à aucune répétition et terminez en ajoutant la taille de l'arrière-plan. Voici à quoi cela pourrait ressembler :

div

< span style="couleur : rgb(112, 115, 117);">  hauteur : 170px;

  largeur : 300 px;

  marge-bas : 20 px ;

  couleur de fond : #CDCDCD;

< p>border: 2px solid #CDCDCD;

  image-de-fond : URL(https://images.unsplash.com/photo-1507919909716-c8262e491cde?ixlib=rb-

1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60);

  background-repeat: no-repeat;

  taille de l'arrière-plan : 100 %;

}

Étape 3 : Enfin, stylisez le style <div> avec l'identifiant, nommé no-background, supprimez l'arrière-plan du fichier <div> et définissez la propriété background-image sur none.

div#no-background {

  background-image : aucune ;

}

L'intégralité de votre code pourrait ressembler à ceci :

<!DOCTYPE html>

<html>

  ; <head>

    <title>Le titre du document</title>

    <style>

      div

< p>hauteur : 170px;

        largeur : 300 px ;

        marge inférieure : 20 px ;

        couleur de fond : #CDCDCD;

        bordure : 2px solide #CDCDCD;

        image d'arrière-plan :URL(https://images. unsplash.com/photo1507919909716c8262e491cdeixlib=rb

1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit= crop&w=500&q=60);

         background-repeat: no-repeat;

     ;    taille de l'arrière-plan : 100 %;

       }

      div# sans arrière-plan {

        arrière-plan -image : aucun ;

      }

    </style>

  </head>

  <body>

     ;<h2>Exemple</h2>

    <div> ;</div>

    <div id=no- background></div>

    <div>< /div>

  </body>

< p></html>



< /p>

Supprimer l'arrière-plan des images PNG, JPG, JPEG et WebP avec PhotoCut :

< span style="color: rgb(112, 115, 117);">PhotoCut est un outil intelligent de suppression et d'édition d'arrière-plan IA qui vous permet de modifier vos images avec précision. Avec PhotoCut, n'importe qui peut facilement supprimer l'arrière-plan d'une image, quelles que soient ses compétences techniques. Vous pouvez également utiliser PhotoCut pour supprimer l'arrière-plan des images PNG, JPG, JPEG et WebP.

Pour supprimer l'arrière-plan de ces formats, vous devez soit accéder à PhotoCut via le site Web, soit télécharger l'application PhotoCut depuis l'App Store (pour les utilisateurs iOS) ou Google Play Store (pour les utilisateurs Android). 

Vous pouvez facilement supprimer l'arrière-plan des images WebP, PNG, JPG et JPEG à l'aide de PhotoCut :

Étape 1 : cliquez sur la boîte de dialogue qui indique Télécharger l'image, ou faites glisser et déposez l'image sur la page.

< p>Étape 2 - Un message apparaîtra sur l'écran indiquant : Téléchargement de l'image, veuillez patienter, et pendant ce temps, Effacez. bgs AI fera des merveilles pour supprimer l'arrière-plan de l'image de votre choix.

Étape 3 - Si vous souhaitez supprimer quelque chose ou modifier l'image, vous verrez une option Modifier dans le coin supérieur droit de l'image d'arrière-plan supprimée.

Étape 4 - Téléchargez l'image modifiée dans votre format préféré vers la destination d'âge de votre choix.

Qualité époustouflante

Vous pourriez aussi être intéressé par

Découvrez nos outils gratuits

Faites ressortir vos photos avec des fonctionnalités entièrement gratuites.
VOIR TOUS LES OUTILS

PhotoCut - Un jeu qui change !

Explorez une infinité d'outils et de modèles à portée de main pour personnaliser votre nouvelle image à l'aide de l'application PhotoCut. Ils nous aiment. Vous le ferez aussi.

Abordable et facile à utiliser

"Photocut a révolutionné ma façon d'aborder la retouche photo. Cela change absolument la donne ! Les résultats sont impressionnants et la facilité d'utilisation est un énorme plus. Je ne saurais trop le recommander."

- Sarah T.
Designer at BRIX Templates

Photos de haute qualité

"J'étais sceptique au début, mais Photocut a dépassé mes attentes. C'est comme avoir un éditeur de photos professionnel à portée de main. La qualité et la rapidité sont imbattables !"

- Mark S.
Designer at BRIX Templates

Un changement de jeu !

"Photocut est une bouée de sauvetage pour ma boutique en ligne. Avant, je passais des heures à retoucher des images de produits, mais maintenant je peux le faire en quelques minutes et les résultats sont fantastiques. Un outil indispensable pour le commerce électronique."

- John Carter
Designer at BRIX Templates

FAQ