Apenas uma colaboração da aula da DIO.css

[thomas29danner]

Apenas uma colaboração da aula da DIO.css

esse código não fui eu que fiz

/* Definindo estilo para o corpo da página */
body {
font-family: Arial, sans-serif;
background-color: #f4f4f9;
margin: 0;
padding: 20px;
}

/* Estilizando o título principal */
h2 {
color: #333;
text-align: center;
}

/* Estilo para o formulário */
form {
max-width: 400px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Estilo para os rótulos (labels) */
label {
font-weight: bold;
color: #333;
}

/* Estilo para os campos de entrada */
input[type="text"],
input[type="number"],
input[type="email"] {
width: 100%;
padding: 10px;
margin: 10px 0 20px 0;
border: 1px solid #ddd;
border-radius: 5px;
box-sizing: border-box;
}

/* Estilo para o botão */
input[type="submit"] {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}

input[type="submit"]:hover {
background-color: #45a049;
}
Explicação:

[abay-2002]

english please!

Apenas uma colaboração da aula da DIO.css

esse código não fui eu que fiz

/* Definindo estilo para o corpo da página */ body { font-family: Arial, sans-serif; background-color: #f4f4f9; margin: 0; padding: 20px; }

/* Estilizando o título principal */ h2 { color: #333; text-align: center; }

/* Estilo para o formulário */ form { max-width: 400px; margin: 0 auto; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

/* Estilo para os rótulos (labels) */ label { font-weight: bold; color: #333; }

/* Estilo para os campos de entrada */ input[type="text"], input[type="number"], input[type="email"] { width: 100%; padding: 10px; margin: 10px 0 20px 0; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; }

/* Estilo para o botão */ input[type="submit"] { width: 100%; background-color: #4CAF50; color: white; padding: 10px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; }

input[type="submit"]:hover { background-color: #45a049; } Explicação:

[thomas29danner]

Ok