Miten FloatTaustakuva tekstin taakse HTML CSS

sijoittaa kuvia tekstin taakse HTML tiedostoja CSS.Käytä CSS sijoittaa kuvan taustan koko sivun tai kapeamman osan takana yhden & lt; div & gt ;, & lt; p & gt;tai muu alue tekstiä.

Float teksti yli kaakeloitu taustakuvia .
(Kohteliaisuus Mozilla)
käyttää kuvaa taustana Koko sivu

Kirjoita sisältöä sivusi.Merkitse teksti HTML-perus tekstieditori tai Web suunnittelun ohjelmistot.

Kirjoita teksti välillä & lt ; p & gt ;tunnisteet.
Kohteliaisuus Microsoft
käyttää kuvaa taustana Koko sivu

Lisää taustakuvan käyttämällä & lt; tyyli & gt; tag ja CSS-sääntö.Vuonna & lt; head & gt; osiossa HTML-tiedoston, tyyppi & lt; tyyli & gt;.Koska kuva on koko sivun, käytä CSS tyyli elin sivun.Lisää background-image omaisuutta jälkeen arvo omaisuutta, joka on URL kuvan, jota haluat käyttää.Tässä esimerkissä kuva on backgroundimage.jpg ja, koska se on tallennettu samaan kansioon kuin HTML-tiedoston, URL on yksinkertaisesti viittaus kuvan nimi.Kuvia säilytettävä eri kansion HTML-tiedoston, URL-osoitteessa tulee hakemistopolku kuvan.

Lisäätaustakuvan ruumiinsivun .
Kohteliaisuus Microsoft
käyttää kuvaa taustana Koko sivu

Avaa HTML-tiedoston Web-selain testata vaikutus.

Teksti kelluu ylitaustakuvan .
Kohteliaisuus Mozilla
käyttää kuvaa taustana yhden jakson

Kirjoita teksti, jonka haluat kellua yli taustakuvan HTML-tunnisteen tekstin kuten & lt; p & gt;.Soveltaa taustakuvan joka & lt; p & gt;jakso sivulla, lisää luokan & lt; p & gt;tag kuten niin: & lt; p class = "hasBackground" & gt;.Soveltaa taustakuvan yhteen tiettyyn & lt; p & gt;tag, lisätä id & lt; p & gt;tag kuten niin: & lt; p id = "hasBackground" & gt;.

Lisääid tai luokantekstin komento , joka ontaustakuvan .
Kohteliaisuus Microsoft
käyttää kuvaa taustana yhden jakson

Lisää taustakuvan käyttämällä & lt; tyyli & gt; tag ja CSS-sääntö.Vuonna & lt; head & gt; osiossa HTML-tiedoston, tyyppi & lt; tyyli & gt;.Käytä id & lt; p & gt;tag kuten valitsin CSS sääntö: #hasBackground .Luokan käytetään useita & lt; p & gt;tunnisteet, valitsin on .hasBackground .Lisää background-image omaisuutta jälkeen arvo omaisuutta, joka on URL kuvan, jota haluat käyttää.Tässä esimerkissä kuva on backgroundimage.jpg ja, koska se on tallennettu samaan kansioon kuin HTML-tiedoston, URL on yksinkertaisesti viittaus kuvan nimi.Kuvia säilytettävä eri kansion HTML-tiedoston, URL-osoitteessa tulee hakemistopolku kuvan.

The rule applies to the <p> tag with the id "hasBackground."
Kohteliaisuus Microsoft
käyttää kuvaa taustana yhden jakson

Avaa HTML-tiedoston Web-selaimessa testata vaikutus.

Teksti& lt ; p & gt ;tag kelluu ylitaustakuvan .
Kohteliaisuus Mozilla
522
0
7
Html