input[type=”text”], input[type=”password”] {
width: 100%;
padding: 8px;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 4px;
button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
上面的代码创建了一个宽度为100%的输入框和两个灰色的按钮。输入框使用了border和radius属性,使其看起来更美观,按钮使用了background-color和color属性,使其看起来更好看,并添加了一个指向按钮的指针。
除了添加样式,还可以使用CSS来调整输入框和按钮的大小、位置和字体等属性,以使其更符合用户的期望。例如,可以使用CSS的margin和padding属性来调整输入框和按钮的位置,使它们看起来更美观和易于使用。
通过使用CSS,可以创建出清晰、美观、易于使用的登录框界面,使用户能够轻松地输入个人信息和登录信息。