[分享]css做登陆页面

CSS在设计网页的过程中扮演重要角色。其中之一便是美化页面，让网站更有吸引力。登陆页面是网站中比较常见的部分，在这个部分中，使用CSS可以为用户提供更加友好的体验。/ 设计登陆表单边框 / form ...

CSS在设计网页的过程中扮演重要角色。其中之一便是美化页面，让网站更有吸引力。登陆页面是网站中比较常见的部分，在这个部分中，使用CSS可以为用户提供更加友好的体验。

/* 设计登陆表单边框 */
form {
  border: 2px solid #ccc;
  padding: 20px;
  border-radius: 10px;
}

/* 设置表单内部输入框的样式 */
input[type="text"], input[type="password"] {
  border: 1px solid #ccc;
  padding: 10px;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 5px;
}

/* 设计登陆按钮样式 */
button[type="submit"] {
  background-color: #4CAF50;
  color: white;
  padding: 10px 25px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

/* 鼠标移动到按钮上时的效果 */
button[type="submit"]:hover {
  background-color: #45a049;
} 

以上是一些简单的CSS代码，可以在登陆页面中实现较佳的效果。