Photo cut

Hoe achtergrondafbeelding in HTML te verwijderen

Leer hoe u eenvoudig achtergrondafbeeldingen in HTML kunt verwijderen met deze stapsgewijze handleiding. Of je nu een beginner bent of een ervaren codeerder, wij staan ​​voor je klaar. Zeg vaarwel tegen ongewenste achtergronden en creëer een strakke, professionele uitstraling voor uw website.

Download de app, NU!

Vertrouwd door teams over de hele wereld
Vertrouwd door teams over de hele wereld

Stap 1

Stap 2

Stap 3

Achtergrondafbeelding verwijderen in HTML

Soms wilt u misschien een achtergrond voor een webpagina instellen of een element bewerken om het er esthetisch aantrekkelijker uit te laten zien of iets specifieks te bepalen, enzovoort.

Maar dit doen met behulp van HTML is niet ieders ding. Daarom is hier uw handleiding voor het eenvoudig verwijderen van achtergrondafbeeldingen in HTML!

Hoe u achtergrondafbeeldingen in HTML kunt verwijderen ?

Dit zijn de stappen die u moet volgen om achtergrondafbeeldingen in HTML te verwijderen:< /p>

Stap 1: Maak een HTML met behulp van een <h2> element en drie <div> elementen. En gebruik voor de tweede <div> een “id” met de tekst “no-background.”

<h2>Voorbeeld</h2>

<div></div>

<div id=geen-achtergrond></div>

< p><div></div>

Stap 2: Voeg CSS-stijl toe aan de indirecte en laatste <div> elementen. 

Voeg de hoogte en breedte toe van uw <div> en specificeer vervolgens de marge-onderkant, randeigenschappen en achtergrondkleur. En gebruik vervolgens de achtergrondafbeelding met de URL-waarde. Wijs hierna de achtergrondherhaling toe aan no-repeat en eindig door de achtergrondgrootte toe te voegen. Zo zou het uit kunnen zien:

div {

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

  breedte: 300px;

  marge-onder: 20px ;

  achtergrondkleur: #CDCDCD;

< p >rand: 2px effen #CDCDCD;

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

1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60);< / p>

  achtergrond-herhaling: geen-herhaling;

 achtergrondgrootte: 100%;

Stap 3: Stijl tien slot de <div> met de id, de no-background heet, maak de achtergrond van de <div> element en stel de resolutie achtergrondafbeelding in op geen.

div#no-background {

  achtergrondafbeelding: geen;

}

Uw volledige code zou er zo uit zijn kunnen dit zien:

<!DOCTYPE html>

<html>

 <head>

    <title> De titel van het document</title>

    <style>

      div {

< p>hoogte: 170px;

        breedte: 300px;

< p>marge-onder: 20px;

        achtergrondkleur: #CDCDCD;

        rand: 2px effen #CDCDCD;

        achtergrondafbeelding:URL(https://images. unsplash.com/photo1507919909716c8262e491cdeixlib=rb

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

         achtergrondherhaling: geen herhaling;

         achtergrondgrootte: 100%;

       }

      div# geen achtergrond {

        achtergrond - afbeelding: geen;

      }

    </style>

< span style="kleur: rgb(112, 115, 117);">  </head>

  <body>

     ;<h2>Voorbeeld</h2>

    <div> ;</div>

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

    <div>< /div>

  </body>

< p></html>



< /p>

Achtergrond verwijderen uit PNG-, JPG-, JPEG- en WebP-afbeeldingen met PhotoCut:

< span style="color: rgb(112, 115, 117);">PhotoCut is een slanke AI-achtergrondverwijderaar en -bewerkingstool waarmee u uw afbeeldingen nauwkeurig kunt bewerken. Met PhotoCut kan iedereen eenvoudig de achtergrond van een afbeelding verwijderen, vakkundige technische vaardigheden. U kunt PhotoCut ook gebruiken om de achtergrond van PNG-, JPG-, JPEG- en WebP-afbeeldingen te verwijderen. 

Om de achtergrond uit dit format te verwijderen, moet u PhotoCut openen via de website van de PhotoCut-applicatie downloaden via de App Store (voor iOS-gebruikers) of Google Play Store (voor Android-gebruikers). 

Je kunt de achtergrond van WebP-, PNG-, JPG- en JPEG-afbeeldingen eenvoudig verwijderen met behulp van PhotoCut:

Stap 1 - Klik op het uitspreken met de tekst Afbeelding uploaden, of sleep de afbeelding naar de pagina.

< p>Stap 2 - verschijnt Er een bericht op het scherm met de tekst: Afbeelding wordt onmogelijk, even geduld a.u.b., en gedurende deze tijd: Wissen. bgs AI zal zich afvragen aanvankelijk door de achtergrond van de afbeelding van uw keuze te verwijderen.

Stap 3 - Als je iets wilt verwijderen of de afbeelding wilt bewerken, zie je een optie Bewerken in de rechterbovenhoek van de afbeelding Achtergrond verwijderd.

Stap 4 - Download de bewerkte afbeelding in het financiële formaat naar de leeftijdsbestemming van uw keuze.

Verbluffende kwaliteit

Mogelijk bent u ook geïnteresseerd in

PhotoCut - Een gamewisselaar!

Ontdek eindeloze tools en sjablonen binnen handbereik om uw nieuwe afbeelding aan te passen met de PhotoCut-app. Zij houden van ons. Jij ook.

Betaalbaar en gemakkelijk te gebruiken

"Photocut heeft een revolutie teweeggebracht in de manier waarop ik fotobewerking benader. Het is een absolute gamechanger! De resultaten zijn indrukwekkend en het gebruiksgemak is een groot pluspunt. Ik kan het niet genoeg aanbevelen."

- Sarah T.
Designer at BRIX Templates

Foto's van hoge kwaliteit

"In eerste instantie was ik sceptisch, maar Photocut heeft mijn verwachtingen overtroffen. Het is alsof je een professionele foto-editor binnen handbereik hebt. De kwaliteit en snelheid zijn onverslaanbaar!"

- Mark S.
Designer at BRIX Templates

Een gamechanger!

"Photocut is een redder in nood voor mijn online winkel. Vroeger was ik uren bezig met het bewerken van productafbeeldingen, maar nu kan ik het in enkele minuten doen, en de resultaten zijn fantastisch. Een onmisbare tool voor e-commerce."

- John Carter
Designer at BRIX Templates

Ontdek onze gratis tools

Laat uw foto's opvallen met functies die volledig gratis zijn.
BEKIJK ALLE GEREEDSCHAPPEN

Veelgestelde vragen