Photo cut

Come rimuovere l'immagine di sfondo in HTML

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Scarica l'app, ORA!

Scelto dai team di tutto il mondo
Scelto dai team di tutto il mondo

Step 1

Step 2

Step 3

Come rimuovere l'immagine di sfondo in HTML

A volte, potresti voler impostare uno sfondo per una pagina web o modificare un elemento per renderlo esteticamente più gradevole o evidenziare qualcosa di specifico e così via.

Ma farlo utilizzando HTML non è cosa da tutti. Quindi, ecco la tua guida su come rimuovere facilmente le immagini di sfondo in HTML!

Come rimuovere le immagini di sfondo in HTML ?

Ecco i passaggi che devi seguire per rimuovere le immagini di sfondo in HTML:< /p>

Passaggio 1: crea un codice HTML utilizzando un <h2> elemento e tre <div> elementi. E per il secondo <div>, utilizza un "id" che riporti "no- background".

<h2>Esempio</h2>

<div></div>

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

< p><div></div>

Passaggio 2: aggiungi lo stile CSS all'inizio e all'ultimo <div> elementi. 

Aggiungi l'altezza e la larghezza del tuo <div> e quindi specificare il margine inferiore, le proprietà del bordo e il colore dello sfondo. Quindi, utilizza la proprietà background-image con il valore dell'URL. Successivamente, assegna la ripetizione dello sfondo a nessuna ripetizione e termina aggiungendo la dimensione dello sfondo. Ecco come potrebbe apparire:

div {

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

  larghezza: 300px;

  margin-bottom: 20px ;

   background-color: #CDCDCD;

< p>bordo: 2px solido #CDCDCD;

  immagine-di-sfondo: 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;

  dimensione dello sfondo: 100%;

}

Passaggio 3: infine, definisci lo stile <div> con l'id, denominato no- background, rimuovi lo sfondo del tag <div> e imposta la proprietà background-image su none.

div#no- background {

  immagine-di-sfondo: none;

}

L'intero codice potrebbe assomigliare a questo:

<!DOCTYPE html>

<html>

  ; <head>

    <title>Il titolo del documento</title>

    <style>

      div {

< p>altezza: 170px;

        larghezza: 300px;

        margin-bottom: 20px;

         background-color: #CDCDCD;

        bordo: 2px solido #CDCDCD;

        immagine di sfondo:URL(https://images. unsplash.com/photo1507919909716c8262e491cdeixlib=rb

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

          background-repeat: no-repeat;

     ;    dimensione dello sfondo: 100%;

    Div# no-sfondo {

        sfondo -immagine: none;

      }

    </style>

  </head>

  <body>

     ;<h2>Esempio</h2>

    <div> ;</div>

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

    <div>< /div>

  </body>

< p></html>



< /p>

Rimuovi lo sfondo dalle immagini PNG, JPG, JPEG e WebP con PhotoCut:

< span style="color: rgb(112, 115, 117);">PhotoCut è un esperto strumento di rimozione e modifica dello sfondo basato su intelligenza artificiale che aiuta a modificare le tue immagini con precisione. Con PhotoCut, chiunque può rimuovere facilmente lo sfondo da un'immagine indipendentemente dalle competenze tecniche. Puoi anche utilizzare PhotoCut per rimuovere lo sfondo dalle immagini PNG, JPG, JPEG e WebP. 

Per rimuovere lo sfondo da questi formati, devi accedere a PhotoCut tramite il sito Web o scaricare l'applicazione PhotoCut dall'App Store (per utenti iOS) o Google Play Store (per utenti Android). 

Puoi rimuovere facilmente lo sfondo dalle immagini WebP, PNG, JPG e JPEG utilizzando PhotoCut:

Passaggio 1: fai clic sulla finestra di dialogo che legge Carica immagine o trascina e rilascia l'immagine sulla pagina.

< p>Passaggio 2: sullo schermo verrà visualizzato un messaggio che dice Caricamento immagine, attendere e durante questo periodo Cancella. bgs AI farà miracoli per rimuovere lo sfondo dall'immagine che hai scelto.

Passaggio 3 - Se desideri rimuovere qualcosa o modificare l'immagine, vedrai un'opzione Modifica nell'angolo in alto a destra dell'immagine Sfondo rimosso.

Passaggio 4: scarica l'immagine modificata nel formato preferito nella destinazione dell'età che preferisci.

Qualità straordinaria

Potrebbe anche interessarti

PhotoCut: un punto di svolta!

Esplora infiniti strumenti e modelli a portata di mano per personalizzare la tua nuova immagine utilizzando l'app PhotoCut. Ci amano. Lo farai anche tu.

Conveniente e facile da usare

"Photocut ha rivoluzionato il modo in cui mi avvicino al fotoritocco. È un vero e proprio punto di svolta! I risultati sono impressionanti e la facilità d'uso è un enorme vantaggio. Non posso raccomandarlo abbastanza."

- Sarah T.
Designer at BRIX Templates

Foto di alta qualità

"All'inizio ero scettico, ma Photocut ha superato le mie aspettative. È come avere un editor fotografico professionale a portata di mano. La qualità e la velocità sono imbattibili!"

- Mark S.
Designer at BRIX Templates

Un punto di svolta!

"Photocut è un vero toccasana per il mio negozio online. Prima passavo ore a modificare le immagini dei prodotti, ma ora posso farlo in pochi minuti e i risultati sono fantastici. Uno strumento indispensabile per l'e-commerce."

- John Carter
Designer at BRIX Templates

Esplora i nostri strumenti gratuiti

Fai risaltare le tue foto con funzionalità completamente gratuite.
VEDI TUTTI GLI STRUMENTI

Domande frequenti