Hoe de inhoud van het webpagina`s te centreren met behulp van css

Wilt u uw website-inhoud centreren om gelijke grenzen aan de linker- en rechts te maken, maar wilt dat de tekst gerechtvaardigd blijft? Lees verder!

Stappen

Voorbeeld CSS-code

CSS-code voor gecentreerde inhoud

Ondersteuning wikihow en Ontgrendel alle monsters.

Methode 1 van 1:
Centreer de inhoud van het webpagina
  1. Titel afbeelding Centre Web Page Content met CSS Stap 1
1. Open Kladblok of een vergelijkbare tekstbewerkingstoepassing.
  • Titel afbeelding Center Web Page Content met CSS Stap 2
    2. Maak de Basic HTML Skeleton van de website.
  • Titel afbeelding Centre Web Page Content met CSS Stap 3
    3. Voeg binnen de tags de volgende stijldefinitie toe.
  • Titel afbeelding Center Web Page Content met CSS Stap 4
    4. In de tags voegt de volgende div-tags toe.
  • Titel afbeelding Center Web Page Content met CSS Stap 5
    5. Plaats enige inhoud voor de site tussen thetags.
  • Titel afbeelding Centrum Webpagina-inhoud met CSS Stap 6
    6. Afgewerkt product:
  • Titel afbeelding Center Web Page Content met CSS Stap 7
    7. Sla uw bestand op met de extensie .htm of .HTML en jullie zijn allemaal klaar.

    • Tips

    Je kan toevoegen Achtergrondkleur: Kleur- naar het lichaam en gecentreerde stijlcodes. Als u verschillende kleuren gebruikt voor elk kunt u gekleurde grenzen aan de linkerkant en rechts maken.
  • Speel met de breedte totdat je de gewenste look bereikt.
    • Deel in het sociale netwerk:
    Vergelijkbaar