Html 如何制作背景色显示？

我有一个登录模式，我想有一个蓝色的背景。我不明白我的CSS有什么问题

我希望我的内容的div是200px高，300px宽。我认为给它一个特定的高度和宽度可以解决这个问题，但事实并非如此

我希望我的内容在200px x 300px的白色框中有白色背景，但白色的bakcgound不会显示

*{
保证金：0；
填充：0；
}
html，
身体{
框大小：边框框；
溢出：隐藏；
身高：100%；
}
身体{
最小高度：100%；
最小宽度：100%；
背景：url（“images/newgirls.jpg”）；
背景大小：100%100%；
背景重复：无重复；
背景位置：中心；
位置：相对位置；
}
.集装箱{
身高：100%；
宽度：100%；
溢出：隐藏；
}
.集装箱2{
宽度：80%；
保证金：自动；
文本对齐：居中；
}
标题{
填充：1em；
保证金：0；
}
标题#品牌{
浮动：左；
}
标题#品牌img{
宽度：55%；
}
标题导航{
浮动：对；
边缘顶部：0.5em；
}
标题导航李{
显示：内联；
填充：1em；
}
标题导航李a{
文字装饰：无；
}
#登录模式{
宽度：100%；
身高：100%；
背景色：rgba（0,0,0,0.5）；
位置：绝对位置；
排名：0；
左：0；
显示器：flex；
证明内容：中心；
对齐项目：居中；
文本对齐：居中；
}
#登录内容{
边框：10像素纯黑；
高度：300px；
宽度：500px背景色：白色；
文本对齐：居中；
}
输入[类型=文本]，
输入[类型=密码]{
显示：块；
保证金：0自动；
}

决心-真正的女人，真正的反馈




登录
&时代；
登录
伙计们
我们的研究结果表明，我们的研究成果是成功的。
开始
女厕所
“决心”是一种简单而有趣的快速赚钱方式，同时你可以帮助男人变成你想约会的男人！给他们诚实的反馈，帮助他们提高。每次审查可获得五美元！
开始
应用程序即将推出！

元素具有ID

登录内容，而不是类。将CSS上的
.login content
更改为
#login content
。
元素的ID为
login content
，而不是类。将CSS上的
.login content
更改为
#login content
。
CSS中有两个错误

它是
#登录内容
，而不是
。登录内容
。因为是身份证
width
后缺少分号
#登录内容{
边框：10像素纯黑；
高度：300px；
宽度：500px；
背景色：白色；
文本对齐：居中；
}

正在使用更改的代码段：
*{
保证金：0；
填充：0；
}
html，正文{
框大小：边框框；
溢出：隐藏；
身高：100%；
}
身体{
最小高度：100%；
最小宽度：100%；
背景：url（“images/newgirls.jpg”）；
背景大小：100%100%；
背景重复：无重复；
背景位置：中心；
位置：相对位置；
}
.集装箱{
身高：100%；
宽度：100%；
溢出：隐藏；
}
.集装箱2{
宽度：80%；
保证金：自动；
文本对齐：居中；
}
标题{
填充：1em；
保证金：0；
}
标题#品牌{
浮动：左；
}
标题#品牌img{
宽度：55%；
}
标题导航{
浮动：对；
边缘顶部：0.5em；
}
标题导航李{
显示：内联；
填充：1em；
}
标题导航李a{
文字装饰：无；
}
#登录模式{
宽度：100%；
身高：100%；
背景色：rgba（0,0,0,0.5）；
位置：绝对位置；
排名：0；
左：0；
显示器：flex；
证明内容：中心；
对齐项目：居中；
文本对齐：居中；
}
#登录内容{
边框：10像素纯黑；
高度：300px；
宽度：500px；
背景色：白色；
文本对齐：居中；
}
输入[类型=文本]，输入[类型=密码]{
显示：块；
保证金：0自动；
}

决心-真正的女人，真正的反馈




登录
&时代；
登录
伙计们
我们的研究结果表明，我们的研究成果是成功的。
开始
女厕所
“决心”是一种简单而有趣的快速赚钱方式，同时你可以帮助男人变成你想约会的男人！给他们诚实的反馈，帮助他们提高。每次审查可获得五美元！
开始
应用程序即将推出！
您的CSS中有两个错误

它是
#登录内容
，而不是
。登录内容
。因为是身份证
width
后缺少分号
#登录内容{
边框：10像素纯黑；
高度：300px；
宽度：500px；
背景色：白色；
文本对齐：居中；
}

正在使用更改的代码段：
*{
保证金：0；
填充：0；
}
html，正文{
框大小：边框框；
溢出：隐藏；
身高：100%；
}
身体{
最小高度：100%；
最小宽度：100%；
背景：url（“images/newgirls.jpg”）；
背景大小：100%100%；
背景重复：无重复；
背景位置：中心；
位置：相对位置；
}
.集装箱{
身高：100%；
宽度：100%；
溢出：隐藏；
}
.集装箱2{
宽度：80%；
保证金：自动；
文本对齐：居中；
}
标题{
填充：1em；
保证金：0；
}
标题#品牌{
浮动：左；
}
标题#品牌img{
宽度：55%；
}
标题导航{
浮动：对；
边缘顶部：0.5em；
}
标题导航李{
显示：