图像被附加为什么卡片背景不应用于文本。里面的文字和其他东西不改卡片颜色。。。我是设计方面的新手，如有帮助将不胜感激。
<html>
<head>
<title>Login</title>
</head>
<body>
<form action="/login" method="post">
<div class="container">
<div class="card" style="overflow: auto; background: white; width: 400px;margin: auto; margin-
top: 100px;">
<div class="card-body" style="overflow: auto; background: white">
<h1>Login</h1>
<p>Please Enter Email and Password to Login.</p>
<b>Username :</b>
<input type="text" placeholder="Enter Email" name="email" required>
<label><b>Password </b>: </label>
<input type="password" placeholder="Enter Password" style="margin-left: 5px;" name="password"
required>
<button type="submit" class="register" style="margin-left: 85px;">Login</button>
<button class="register" style="margin-left: 15px;" type="button">Home</button>
</div>
</div>
</div>
</form>
</body>
</html>
https://i.stack.imgur.com/Pdxp7.png
您正在使用引导程序吗？您的卡片背景颜色为白色。如果你能提供更多你想要实现的细节，我将不胜感激。如果您想将卡片的文字颜色更改为与正文相同，那么您可以在页眉或在线中添加样式
<style type="text/css">
.card {
color: red; /* replace with your actual colour #1680cc */
}
</style>