gushelom.ru

Så här centrerar du innehållet på en webbsida med hjälp av CSS

Vill du att innehållet på din webbplats ska visas perfekt centrerad på sidan för att få två exakt identiska sidokanter medan du fortfarande har rätt rättvisad textinriktning? Denna handledning visar hur man gör det.

Centrera innehållet på en webbsida

1
Start Anteckningar eller en textredigerare med liknande funktionalitet.
  • 2
    Skapa den grundläggande strukturen på webbsidan.
  • 3
    Inuti taggarna , Ange definitionen av stil som visas i bilden.
  • 4
    Inuti taggarna , ange följande tagg `div`.
  • 5
    Ange innehållet på din webbsida inom taggarna.
  • 6
    Här är den färdiga produkten:
  • 7
    Spara dokumentet som skapats med tillägget ".htm" eller ".html", nu är ditt arbete klart.

    • tips

    • Du kan lägga till följande kod bakgrundsfärg: [färg] - inom beskrivningen av "kroppsstil" och "centrerad" stil. Med olika färger kan du skapa en färgad kant på båda sidor (höger och vänster) som är helt identisk.
    • Experiment genom att ändra bredden på sidan tills du når önskat resultat.
    Dela på sociala nätverk:

    Relaterade
    Så här centrerar du text i HTMLSå här centrerar du text i HTML
    Hur man skapar HTML-formulärHur man skapar HTML-formulär
    Så här skapar du en hyperlänk i HTMLSå här skapar du en hyperlänk i HTML
    Så här skapar du ett stilark (CSS)Så här skapar du ett stilark (CSS)
    Så här skapar du en intern länk till en webbsidaSå här skapar du en intern länk till en webbsida
    Så här skapar du en HTML-blankett som kan skickas till en e-postadressSå här skapar du en HTML-blankett som kan skickas till en e-postadress
    Så här lägger du till en jаvascript på din webbplats Använd HTML-kodenSå här lägger du till en jаvascript på din webbplats Använd HTML-koden
    Så här centrerar du en bild med hjälp av HTML-kodenSå här centrerar du en bild med hjälp av HTML-koden
    Så här skapar du ett textfält med HTMLSå här skapar du ett textfält med HTML
    Så här skapar du en omdirigering av bilder i jаvascriptSå här skapar du en omdirigering av bilder i jаvascript
    » » Så här centrerar du innehållet på en webbsida med hjälp av CSS

    © 2011—2021 gushelom.ru