Kuidas Float taustapilti Behind Tekst HTML Kasutades CSS

Koht pilte taga tekst HTML faile Kaskaadlaadistik.Kasutage CSS asetada pildi taustaks terve lehekülje või väiksema osa maha ühe ainena div & gt ;, & lt; p & gt;või muu ala teksti.

Float teksti üle plaaditud taustapilte .
(Viisakus Mozilla)
Kasutage taustpildiks kogu Page

Sisestage sisu oma lehele.Märgi üles tekst HTML kasutades põhi tekstiredaktor või kasutades Web design tarkvara.

Sisestage oma teksti vahel & lt ; p & gt ;sildid .
Viisakus Microsoft
Kasutage taustpildiks kogu Page

Lisa taustapilti abil & lt; style & gt; tag ja CSS reegel.Kui & lt; head & gt; osa oma HTML faili tüüpi & lt; style & gt;.Kuna pilt on kogu lehekülje, kasutada CSS Style keha lehel.Lisa background-image vara järgneb hinna ja vara, mis on pildi URL, mida soovite kasutada.Selle näite puhul on kujutis backgroundimage.jpg ja kuna see on salvestatud samasse kausta HTML faili URL on lihtsalt viide pildi nimi.Sest pilte ladustada eraldi kaust HTML faili URL peab sisaldama kataloogiasukoha pildi.

Lisa taustapilti keha lehel.
Viisakus Microsoft
Kasutage taustpildiks kogu Page

Avatud HTML faili veebibrauseri

s mõju testimiseks.

Tekst hõljub üle taustapilt .
Viisakus Mozilla
kasutamine Pildi taustaks ühtse jaos

Type tekst, mida soovite float üle taustapilt HTML tag teksti nagu & lt; p & gt;.Kandideerimiseks taustapilti iga & lt; p & gt;sivultasi, lisada klassi & lt; p & gt;tag nii: & lt; p class = "hasBackground" & gt;.Kandideerimiseks taustapilti ühe konkreetse & lt; p & gt;tag, lisada id & lt; p & gt;tag nii: & lt; p id = "hasBackground" & gt;.

Lisa id või klassi teksti tag , mis on taustapilt .
Viisakus Microsoft
kasutamine Pildi taustaks ühtse jaos

Lisa taustapilti abil & lt; style & gt; tag ja CSS reegel.Kui & lt; head & gt; osa oma HTML faili tüüpi & lt; style & gt;.Kasutage ID & lt; p & gt;tag, kui valija jaoks CSS reegel: #hasBackground .Klassi kasutada koos mitmete & lt; p & gt;sildid on valija on .hasBackground .Lisa background-image vara järgneb hinna ja vara, mis on pildi URL, mida soovite kasutada.Selle näite puhul on kujutis backgroundimage.jpg ja kuna see on salvestatud samasse kausta HTML faili URL on lihtsalt viide pildi nimi.Sest pilte ladustada eraldi kaust HTML faili URL peab sisaldama kataloogiasukoha pildi.

The rule applies to the <p> tag with the id "hasBackground."
Viisakus Microsoft
kasutamine Pildi taustaks ühtse jaos

Avage HTML faili veebibrauseris mõju testimiseks.

Tekst on & lt ; p & gt ;tag hõljub üle taustapilt .
Viisakus Mozilla
913
0
7
Html