Erstellen einer Seite Aussehen in der Mitte einer Seite

Question

Ich bin auf der Suche nach der Seite suchen; wenn es einen (was aussieht) Rahmen in der Mitte und ein Bild darum oder einen leeren Hintergrund gibt. http://hopelessrecords.com/about-us/ Dies ist ein Link zu einer Website, die Seite und Hintergrund Idee ist, was ich erreichen möchte.

(Ich wusste nicht, wie ich das richtig formulieren soll, also vergib mir, wenn meine Terminologie aus ist und da draußen etwas ist, was ich bei der Suche vermisste).

Answer 1

Probieren Sie es in CSS

html { 
    height: 100%; 
    width: 100%; 
} 
body { 
    margin: 0; 
    padding: 0; 
    height: 100%; 
    width: 100%; 
    background: url(./yourImage.jpg); 
    background-repeat: no-repeat; 
    background-position: top center; 
    background-size: cover; 
} 
.yourPage { 
    max-width: 1230px; 
    margin: 0 auto; 
    background-color: #fff; 
} 

Und dies in html

<div class="yourPage"> 
    Your content 
</div> 

html { 
 
     height: 100%; 
 
     width: 100%; 
 
    } 
 
    body { 
 
     margin: 0; 
 
     padding: 0; 
 
     height: 100%; 
 
     width: 100%; 
 
     background: url(http://lorempixel.com/400/200/); 
 
     background-repeat: no-repeat; 
 
     background-position: top center; 
 
     background-size: cover; 
 
    } 
 
    .yourPage { 
 
     max-width: 400px; 
 
     margin: 0 auto; 
 
     background-color: #fff; 
 
    }

<div class="yourPage"> 
 
    Your content 
 
</div>

Answer 2

Fügen Sie einfach die unten an deine styles.css

body { padding: 5em 15em; /* adds a spacing of 5x the font size to the top and bottom, and 15x of that to the left and right sides of the page. */

lesen for a complete guide on padding oder beim Check MDN article on box-model