Come nascondere un vuoto DIV

May 1

Come nascondere un vuoto DIV


Web design è un campo impegnativo, emozionante e possibilmente redditizio. HTML e CSS sono lo standard per la codifica delle pagine Web. Incluso nel corpo comune di tecniche fondamentali per la progettazione web, lavorando con elementi DIV è un must-have di abilità. Nascondere un DIV è piuttosto elementare e può essere fatto in meno di una riga di codice.

istruzione

1 Aprire un editor di testo. Blocco note può essere aperto navigando su "Start" e poi cliccando su "Tutti i programmi". Fare clic su "Accessori" e poi "Blocco note".

2 Inserire il codice seguente.

<Html>

&lt;body>

& Lt; div class = "example">

& Lt; / div>

& Lt; / body>

</ Html>

Questo crea un documento HTML e fornisce un esempio DIV con cui lavorare.

3 Aggiungere il seguente codice dopo il tag "<body>".

<Style>

.example { display: block; width: 300px; height: 300px; background-color: red }

</ Style>

Ciò causerà un quadrato rosso da visualizzare nel browser. Salvare la pagina come un file ".html" e aprirlo nel browser per vedere.

4 Modificare il codice tra le "<style>" tag in modo che assomiglia a questo.

<Style>

.example { display: none; width: 300px; height: 300px; background-color: red }

</ Style>

Modifica del valore di visualizzazione rende il blocco di scomparire. Utilizzando il valore "nascosto" al posto di "nessuno" sarà anche nascondere il div.