css登录界面练习 |css 图片根据浏览器大小改变布局

今天学习了CSS，做了一个简单的登录界面练习。在HTML中，偶使用了一个form元素，并在里面添加了一个用户名输入框和一个密码输入框，以及一个登录按钮。然后，偶在CSS中定义了form、input和button元素的样式。 接下来是代码：

form {
background-color: #f2f2f2;
padding: 20px;
width: 300px;
border-radius: 5px;
margin: 0 auto;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
input {
padding: 10px;
border-radius: 5px;
border: none;
margin-bottom: 10px;
width: 100%;
}
button {
background-color: #333;
color: white;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
width: 100%;
}
button:hover {
background-color: #555;
}

这是一个简单的CSS登录界面示例，它只是一个基础的练习，但它确实帮助偶了解了如何使用CSS来设计登录界面。虽然偶只是使用了一些基本的样式，但它已经够好看，并且可以用于实际应用。 总的来说，学习CSS是一个很有趣的过程，偶希望偶可以进一步探索它，并能够设计出更好看的登录界面。