我正在創建登錄表單,但無法使BG顏色以我想要的方式工作。如何在CSS中隔離頁面和div背景顏色?
我希望頁面具有藍綠色的整體背景顏色(#00CEB9
)。我創建了一個具有不同背景的表單(讓我們只是用紅色表示演示),但深青色仍然顯示在框內。
我想框有100%的紅色背景是這樣的(同時保持藍綠色背景上的頁面的其餘部分):
<div class="login-container">
<form>
<label for="login">Login</label>
<input type="text" id="login">
<label for="password">Password</label>
<input type="text" id="password">
</form>
</div>
CSS
html *{
background-color: #00CEB9;
}
.login-container {
margin: 8px auto;
border: 3px solid #f1f1f1;
padding: 8px;
border-radius: 4px;
width: 30%;
text-align: center;
background-color: red;
}
如何保持我的頁面背景nd顏色,並有一個自己的背景顏色的形式框沒有讓他們互相污染?