::-webkit-scrollbar { width: 0; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ }
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.
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.
Voici les étapes que vous devez suivre pour supprimer les images d'arrière-plan en HTML :< /p>
<h2>Exemple</h2>
<div></div>
<div id=no-background></div>
< p><div></div>
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 %;
}
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>
< 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.