As u u eie webwerf skep, wil u natuurlik so aantreklik moontlik vertoon, ongeag die blaaierweergawe van die gebruiker. In die besonder, sodat die agtergrondbeeld rek en aangepas word na die resolusie van die rekenaarmonitor.
Dit is nodig
vaardighede in die werk met html, css, java-script
Instruksies
Stap 1
Open die kode vir u webwerf in enige redakteur, soos Notepad of 'n toegewyde webontwerpprogram, Dreamweaver. Plak die volgende lyne in die kode om die agtergrond van die werf te rek. Voeg agtergrond by: url ('Voeg 'n skakel na die prentjie in').
Stap 2
Om die prentjie horisontaal te grootte, gebruik die volgende kode: Agtergrond: url ('Voeg 'n skakel na die prentjie' herhaal-x), vertikaal - vervang x aan y aan die einde van die kode. As die webwerf in 'n css-lêer gestileer is, plak die kode daarin. Op hierdie manier kan u 'n rubberagtige agtergrond op u webwerf plaas.
Stap 3
Gebruik die volgende kode-voorbeeld om 'n agtergrondafbeelding op 'n bladsy te plaas en dit outomaties te rek sodat dit pas by die resolusie van die monitor waarop die bladsy gekyk word. Voorbeeldkode: liggaam {agtergrond: "Voeg 'n skakel na die agtergrondafbeelding in" () vaste linkermidden sonder herhaling; dan agtergrond-grootte: […].
Stap 4
Om die agtergrondbeeld te rek, voeg 'n prentjie as agtergrond in en stel die breedte daarvan op 100%. Voeg byvoorbeeld die volgende teks in die bladsykode: agtergrondbeeld "alt =" Voer die naam van die prent in "/>. Dit sal dus gebruik word om die breedte van die prentjie te pas, maar die verhoudings daarvan sal geskend word.
Stap 5
Net so kan u die beeld instel om in hoogte te rek, gebruik hoogte in plaas van die breedtekenmerk. Of gebruik die volgende kode-voorbeeld vir css: agtergrondfoto van die werf) "> en voeg daarna 100% breedte van die prentjie by soos in die vorige voorbeeld. U kan ook die skrif gebruik om die gebruiker se skermresolusie uit te vind en die grootte te wysig. van u tafel daarvoor.
