Photo cut

So entfernen Sie Hintergrundbilder in HTML

Erfahren Sie in dieser Schritt-für-Schritt-Anleitung, wie Sie Hintergrundbilder in HTML einfach entfernen. Egal, ob Sie Anfänger oder erfahrener Programmierer sind, bei uns sind Sie an der richtigen Adresse. Verabschieden Sie sich von unerwünschten Hintergründen und sorgen Sie für ein klares, professionelles Erscheinungsbild Ihrer Website.

Laden Sie die App JETZT herunter!

Teams auf der ganzen Welt vertrauen darauf
Teams auf der ganzen Welt vertrauen darauf

Schritt 1

Schritt 2

Schritt 3

So entfernen Sie Hintergrundbilder in HTML

Manchmal möchten Sie vielleicht einen Hintergrund für eine Webseite festlegen oder ein Element bearbeiten, um es ästhetisch ansprechender aussehen zu lassen oder eine bestimmte Sache hervorzuheben usw.

Aber die Verwendung von HTML ist nicht jedermanns Sache. Daher finden Sie hier Ihre Anleitung zum einfachen Entfernen von Hintergrundbildern in HTML!

So entfernen Sie Hintergrundbilder in HTML ?

Hier sind die Schritte, die Sie befolgen müssen, um Hintergrundbilder in HTML zu entfernen:< /p>

Schritt 1: Erstellen Sie einen HTML-Code mit einem <h2> Element und drei <div> Elemente. Und für das zweite <div> verwenden Sie eine „id“, die „no-background“ lautet.

<h2>Beispiel</h2>

<div></div>

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

< p><div></div>

Schritt 2: Fügen Sie dem ersten und letzten <div> einen CSS-Stil hinzu. Elemente. 

Fügen Sie die Höhe und Breite Ihres <div> hinzu. und geben Sie dann den unteren Rand, die Randeigenschaften und die Hintergrundfarbe an. Verwenden Sie dann die Eigenschaft „Hintergrundbild“ mit dem URL-Wert. Weisen Sie anschließend „Hintergrundwiederholung“ auf „No-Wiederholung“ zu und fügen Sie abschließend die Hintergrundgröße hinzu. So könnte es aussehen:

div {

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

  Breite: 300px;

  margin-bottom: 20px ;

  Hintergrundfarbe: #CDCDCD;

< p>border: 2px solid #CDCDCD;

  Hintergrundbild: 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;

  Hintergrundgröße: 100 %;

}

Schritt 3: Zum Schluss formatieren Sie das <div> Entfernen Sie mit der ID, die „no-background“ heißt, den Hintergrund des <div> Element und setzen Sie die Eigenschaft „Hintergrundbild“ auf „Keine“.

div#no-background {

  Hintergrundbild: keine;

Ihr gesamter Code könnte so aussehen Dies:

<!DOCTYPE html>

<html>

  ; <head>

    <title>Der Titel des Dokuments</title>

    <style>

      div {

< p>height: 170px;

        width: 300px;

        margin-bottom: 20px;

        Hintergrundfarbe: #CDCDCD;

        Rahmen: 2px durchgezogen #CDCDCD;

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

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

         Hintergrundwiederholung: keine Wiederholung;

     ;    Hintergrundgröße: 100 %;

       }

      div# kein Hintergrund {

        Hintergrund -image: none;

      }

    </style>

  </head>

  <body>

     ;<h2>Beispiel</h2>

    <div> ;</div>

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

    <div>< /div>

  </body>

< p></html>



< /p>

Hintergrund aus PNG-, JPG-, JPEG- und WebP-Bildern mit PhotoCut entfernen:

< span style="color: rgb(112, 115, 117);">PhotoCut ist ein cleveres KI-Tool zum Entfernen und Bearbeiten von Hintergründen, mit dem Sie Ihre Bilder präzise bearbeiten können. Mit PhotoCut kann jeder, unabhängig von technischen Kenntnissen, problemlos den Hintergrund eines Bildes entfernen. Sie können PhotoCut auch verwenden, um den Hintergrund aus PNG-, JPG-, JPEG- und WebP-Bildern zu entfernen. 

Um den Hintergrund aus diesen Formaten zu entfernen, müssen Sie entweder über die Website auf PhotoCut zugreifen oder die PhotoCut-Anwendung aus dem App Store (für iOS-Benutzer) oder dem Google Play Store (für Android-Benutzer) herunterladen. 

Mit PhotoCut können Sie den Hintergrund ganz einfach aus WebP-, PNG-, JPG- und JPEG-Bildern entfernen:

Schritt 1 – Klicken Sie auf das Dialogfeld mit der Aufschrift „Bild hochladen“ oder ziehen Sie das Bild per Drag & Drop auf die Seite.

< p>Schritt 2 – Auf dem Bildschirm erscheint eine Meldung mit der Aufschrift „Bild wird hochgeladen, bitte warten“ und währenddessen „Löschen“. bgs AI wird seine Wunder vollbringen, um den Hintergrund aus dem Bild Ihrer Wahl zu entfernen.

Schritt 3 – Wenn Wenn Sie etwas entfernen oder das Bild bearbeiten möchten, wird in der oberen rechten Ecke des Bilds „Hintergrund entfernt“ die Option „Bearbeiten“ angezeigt.

Schritt 4 – Laden Sie das bearbeitete Bild in Ihrem bevorzugten Format an das Altersziel Ihrer Wahl herunter.

Atemberaubende Qualität

Das könnte Sie auch interessieren

PhotoCut – ein Game Changer!

Entdecken Sie unzählige Tools und Vorlagen, die Ihnen zur Verfügung stehen, um Ihr neues Bild mit der PhotoCut-App anzupassen. Sie lieben uns. Das wirst du auch.

Erschwinglich und einfach zu bedienen

„Photocut hat meine Herangehensweise an die Fotobearbeitung revolutioniert. Es ist ein absoluter Game-Changer! Die Ergebnisse sind beeindruckend und die Benutzerfreundlichkeit ist ein großes Plus. Ich kann es nicht genug empfehlen.“

- Sarah T.
Designer at BRIX Templates

Hochwertige Fotos

„Zuerst war ich skeptisch, aber Photocut hat meine Erwartungen übertroffen. Es ist, als hätte man einen professionellen Bildbearbeiter zur Hand. Qualität und Geschwindigkeit sind unschlagbar!“

- Mark S.
Designer at BRIX Templates

Ein Game-Changer!

„Photocut ist ein Lebensretter für meinen Online-Shop. Früher habe ich Stunden damit verbracht, Produktbilder zu bearbeiten, aber jetzt schaffe ich es in wenigen Minuten und die Ergebnisse sind fantastisch. Ein unverzichtbares Tool für den E-Commerce.“

- John Carter
Designer at BRIX Templates

Entdecken Sie unsere kostenlosen Tools

Lassen Sie Ihre Bilder mit völlig kostenlosen Funktionen hervorstechen.
ALLE WERKZEUGE ANZEIGEN

FAQs