form{
margin: 20px;
display: flex;
justify-content: center;
align-items: center;
}
ul{
margin:0;
padding:5px;
}
ul li {
list-style: none;
margin-bottom: 10px;
}
label {
width: 100%;
display: block;
font-size: 1.5rem;
border: 2px solid transparent;
}
input {
font-size: 1rem;
padding: 10px;
outline-offset: 1px;
}
input:focus{
outline: 3px solid lightgreen;
border: 5px solid;
border-radius: 10px;
}
button{
background: darkgray;
border: black 1px solid;
border-radius: 10px;
color: white;
font-size: 200%;
font-weight: bold;
margin-top: 10px;
padding: 5px 10px;
}
button:hover {
background: limegreen;
border: darkgray 1px solid;
}
button:active {
background: green;
}
@media(max-width:600px) {
input{
width:100%
margin-bottom: 20px;
}
form是表单,它哪里有对齐方式
你要调整的是div的位置啊