Hoe De Achtergrond In Html In Te Stellen

Inhoudsopgave:

Hoe De Achtergrond In Html In Te Stellen
Hoe De Achtergrond In Html In Te Stellen
Anonim

De meest voorkomende hypertext-opmaaktaal is tegenwoordig HTML. Naast een breed scala aan hulpmiddelen om de structuur van een document te bepalen, heeft het de mogelijkheid om hun visuele presentatie te wijzigen. U kunt bijvoorbeeld de achtergrond van een hypertekstdocument en zijn elementen op verschillende manieren instellen.

Hoe de achtergrond in html in te stellen
Hoe de achtergrond in html in te stellen

Het is nodig

de mogelijkheid om een ​​HTML-document te bewerken

instructies:

Stap 1

Om de achtergrondkleur van het hele document, tabellen, evenals hun rijen, koptekstcellen en inhoudscellen in HTML in te stellen, gebruikt u het bgcolor-attribuut van respectievelijk de BODY-, TABLE-, TR-, TH- en TD-elementen. Dit kenmerk accepteert een waarde die de kleur van de SRGB-ruimte codeert, uitgedrukt als een hexadecimaal getal voorafgegaan door een hash of symbolisch geheugensteuntje. Bijvoorbeeld:

Stap 2

Gebruik het background-attribuut van het BODY-element om de afbeelding te definiëren die de achtergrond van het hele document zal zijn: In overeenstemming met het principe van het scheiden van de structuur en mechanismen voor het bepalen van de visuele presentatie van hypertext-documenten, wordt het aanbevolen om in plaats daarvan stylesheets te gebruiken van de attributen van HTML-elementen (zoals beschreven in stap 1 en 2) …

Stap 3

Stel de achtergrondkleur van elk element in met behulp van de CSS-eigenschap achtergrondkleur. Gebruik het stijlkenmerk om inline stijlinformatie voor een element te definiëren, of voeg regelsets met de juiste selectors toe aan stijlbladen: groene achtergrond BODY {achtergrondkleur: # 00FF00; }

Stap 4

Definieer de achtergrondafbeelding van een element of groep elementen met behulp van de CSS background-image eigenschap. De waarde moet een URI zijn die de bijbehorende resource identificeert. Bijvoorbeeld: BODY background-image {background-image: url ("myimage.gif")}

Stap 5

Stel aanvullende regels in voor het weergeven van achtergrondafbeeldingen van documentelementen. Gebruik de CSS-eigenschappen background-repeat, background-attachment en background-position. De eerste definieert de tegelopties, de tweede definieert de koppeling ten opzichte van het document of de viewport en de derde definieert de initiële offset of uitlijning ten opzichte van de grenzen van de container. Bekijk de CSS2-specificatie op w3c.org voor mogelijke waarden voor deze eigenschappen.

Populair per onderwerp