css好看的登录表单代码 |css和js实现动态下拉菜单

/* 登录表单的样式 */
.login-form {
width: 400px;
margin: 0 auto;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 20px;
}
/* 表单输入框的样式 */
.form-input {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
/* 登录按钮的样式 */
.form-button {
width: 100%;
background-color: #0076ff;
color: #fff;
border: none;
border-radius: 5px;
padding: 10px;
cursor: pointer;
}
/* 鼠标移上去的样式 */
.form-button:hover {
background-color: #0e6ae8;
}

以上是一个基本的登录表单样式代码，可以根据自己的需要进行修改和扩展。对于一些细节的处理，如输入框的焦点样式、错误提示样式等，也可以用CSS来实现。

总之，CSS不仅可以使登录表单好看，还可以实现更多的交互效果，提升用户体验。