Kuidas panna HTML -i taustpilt

By /

Kuidas panna taustpilt HTML

Saidi loomisel on välimus kriitiline. Üks viis oma saidi visuaalselt atraktiivsemaks muutmiseks on taustpildi lisamine. Selles artiklis näitame, kuidas saate HTML -i abil oma saidile taustpilti hõlpsalt panna.

1. samm: valige taustpilt

Esimene samm on valida pilt, mida soovite oma saidi taustana kasutada. Valige kindlasti teie saidi teema jaoks sobiv pilt ja millel on moonutuste vältimiseks korralik eraldusvõime.

2. samm: salvestage pilt oma faili kataloogis

Pärast pildi valimist salvestage see oma saidi faili kataloogis. Määrake fail kindlasti õigesti ja see oleks õiges vormingus (tavaliselt .jpg, .png või .gif).

3. samm: avage HTML -fail

Avage oma saidi HTML -fail tekstiredaktoris või koodiredaktoris. Leidke silt & body & gt; , kuhu lisate koodi tausta määratlemiseks.

4. samm: lisage CSS -kood

Taustapildi määratlemiseks peate oma HTML -lehele lisama CSS -koodi. CSS -kood tuleb lisada & stiili & gt; ja / lt;/ style & gt; vahel. Siin on näide CSS -koodist, mida saate kasutada: 



  < -Kood>

    Keha {

      Taustpilt: URL ("Way/to/teie/image.jpg");

      Tausta kordus: ei kordu;

      taustsuurus: kate;

    }

  




 Asendage ülaltoodud koodis "tee//oma/image.jpg" paremal teele, mis salvestasite. Tagab, et pilti ei korrata, kuni atribuut 


 5. samm: salvestage ja vaadake oma veebisaiti 


 Pärast CSS -koodi lisamist salvestage HTML -fail ja avage see veebisaidi vaatamiseks veebibrauserisse. Taustapilt peaks ilmuma nüüd. 


 Palju õnne! Olete õppinud, kuidas HTML -ile taustpilti panna. Nüüd saate oma saidi ilmet veelgi kohandada, lisades taustpilte, mis kajastavad teie kaubamärgi identiteeti või saidi teemat.

Related Posts

Scroll to Top