Slik skjuler en tom DIV

Slik skjuler en tom DIV


Web-design er en utfordrende, spennende og muligens lukrative feltet. HTML og CSS er standarden for koding websider. Inkludert i felles organ teknikker er avgjørende for Web-design, som arbeider med DIV elementer er en må-ha ferdighet. Skjule en DIV er ganske elementære og kan gjøres på mindre enn en linje med kode.

Bruksanvisning

1 Åpne en teksteditor. Notepad kan åpnes ved å navigere til "Start" og deretter "Alle programmer." Klikk på "Tilbehør" og deretter "Notisblokk".

2 Skriv inn følgende kode.

<Html>

&lt;body>

& Lt; div class = "eksempel">

& Lt; / div>

& Lt; / body>

</ Html>

Dette skaper et HTML-dokument, og gir et eksempel DIV å jobbe med.

3 Legg til følgende kode etter "<body>" tag.

<Style>

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

</ Style>

Dette vil føre til en rød firkant som skal vises i nettleseren. Lagre siden som en ".html" fil og åpne den i nettleseren for å se.

4 Endre koden mellom "<style>" koder, slik at det ser ut som dette.

<Style>

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

</ Style>

Endre visningsverdi gjør blokken forsvinne. Bruke verdi "skjult" i stedet for "ingen" vil også skjule div.