De gekleurde achtergrond op de site trekt niet alleen de aandacht van bezoekers, maar geeft ook de sfeer van de bron weer. Sites met ruimtethema creëren een sfeer van mysterie met een achtergrond in de vorm van een sterrenhemel, entertainmentbronnen vrolijken op met rijke kleuren van warme kleuren, webservices van stadsdiensten tonen hun officieelheid met een strak ontwerp en achtergronden van voornamelijk grijze en blauwe tinten. Er zijn verschillende manieren om je eigen webpagina gekleurd te maken.
Het is nodig
- - jouw site
- - minimaal basiskennis van HTML
instructies:
Stap 1
Zoek de volgende tags en in de HTML-code om een effen gekleurde achtergrond te maken. Wijzig de eerste tag als volgt:
In deze constructie is # FFFF33 de gecodeerde tint geel.
Stap 2
De kleur van de pagina kan niet alleen worden gespecificeerd met een code, maar ook met speciale woorden - de namen van de primaire kleuren. Om de achtergrondkleur met een woord aan te geven, schrijft u de volgende code:
Hier is "geel" de naam van de kleur geel.
Stap 3
In plaats van het gele codeteken of de naam ervan, voeg je de gewenste aanduiding van de achtergrondkleur die je nodig hebt toe aan de tag met behulp van deze hint:
rood - "rood" ("# FF0000")
blauw - "blauw" ("# 0000FF")
groen - "groen" ("# 008000")
roze - "roze" ("# FFC0CB")
paars - "violet" ("# EE82EE")
oranje - "oranje" ("# FFA500")
zwart - "zwart" ("# 000000")
Stap 4
Als je een herhalende afbeelding op de achtergrond van de site wilt hebben, kies dan een kleine afbeelding, waartegen de tekst duidelijk zichtbaar is. Upload een foto naar de site. Om een afbeelding als achtergrond te plaatsen, voer je deze code in de tag in
Geef in dit item in plaats van "/images/fon.jpg" het pad naar de gewenste afbeelding op.
Stap 5
De kleur van webpagina's kan niet alleen in HTML-code worden ingesteld, maar ook met CSS-stijlen. Met deze stijlen hoef je niet elke keer de achtergrond in de code van een nieuwe pagina in te stellen. Om een achtergrond in CSS tussen tags te definiëren en een item als volgt te plaatsen:
lichaam {
achtergrond: # FFFF33;
}
Hier wordt de achtergrondkleur ingesteld door de achtergrondparameter.
Stap 6
Als je een achtergrond in CSS wilt maken met een afbeelding, dan tussen en schrijf de volgende code, in plaats van '/images/fon.jpg' met het pad naar de gewenste afbeelding:
lichaam {
achtergrondafbeelding: url ('/ afbeeldingen / fon.jpg');
achtergrond herhalen: herhalen;
}
Hier definieert de parameter background-image de achtergrondafbeelding, background-repeat - de herhaling van de afbeelding. Op de pagina.
