Сделайте часть сайта белой

Question

У меня есть эта форма регистрации, которую я настраиваю, и я установил фон страницы на серый. Я хочу область в центре, где вы должны заполнять информацию, чтобы быть белой. Как мне это сделать?

Я включил изображение того, как выглядит сайт сейчас, белая часть должна покрывать текст и все поля.

Моего CSS код для фона:

body{ 
background-color:#D2D7D3; 
background-size:1500px 1000px; 
z-index:0 
position:absolute; 
} 

Answer 1

Это то, что вы могли бы сделать, обернуть содержимое формы в DIV и стиле сОн вокруг него.

Это создаст белую часть, которую вы хотите позади формы.

Пример Форма

<div class="form-container"> 
<form> 
    <label for="email"> Email </label> 
    <input type="text" name="email"></input> 

    <label for="password"> Password </label> 
    <input type="text" name="password"></input> 

    <button type="submit"> Register </button> 
</form> 
</div> 

В вашем CSS

.form-container { 
    width: 300px; 
    height: 300px; 
    background-color: #fff; 
}