用HTML和css写一个好看登入的页面

好的，我会用中文给你写一份 HTML 和 CSS 代码来创建一个好看的登录页面。

首先，我们需要在 HTML 中创建一个表单，用来输入用户名和密码。我们可以使用以下代码来实现：

<form>
  <label for="username">用户名：</label><br>
  <input type="text" id="username" name="username"><br>
  <label for="password">密码：</label><br>
  <input type="password" id="password" name="password"><br><br>
  <input type="submit" value="登录">
</form>

然后，我们可以使用 CSS 来设置表单的外观。例如，我们可以调整表单的大小和颜色，并为输入字段设置边框和背景色。

form {
  width: 500px;
  background-color: #f2f2f2;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

input[type="text"], input[type="password"] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
}

input[type="submit"] {
  width: 100%;
  background-color: #4caf50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type="submit"]:hover {
  background-color: #45a049;
}

这样，我们就创建了一个简单的登录页面。你可以通过添加更多的样式来使页面更好看，例如添加图片或调整字体。