0

Soy nuevo en el trabajo, y mi primer tarea es de crear y maquetar algunos formularios de una app que se está desarrollando en la empresa. Sé como estructurarlo con html, pero no sé cómo darle estilo con css. Por ejemplo, así debería quedar:

introducir la descripción de la imagen aquí

Y así fue como yo lo hice:

introducir la descripción de la imagen aquí

Entonces, ¿qué tipo de estilo css debería agregarle al formulario, para que me quede como la imagen de arriba?

2

1 respuesta 1

1

Tu pregunta no queda clara, pero si te refieres al estilo de los colores, te recomiendo utilizar la propiedad background-image: linear-gradient();

Te dejo un ejemplo de como aplicarlo a un botón y a un texto.

#btnx{
  width:200px; 
  height:40px; 
  text-align:center;
  font-weight:700;
  color: #FFF;
  background-color: #93ecee; 
  background-image: linear-gradient(to right, #93ecee, #38dfe0, #26da3e, #108c2b);
}

#txtx{
  background: -webkit-linear-gradient( #93ecee, #38dfe0, #26da3e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" >


<button  class="btn btn-light" id="btnx" type="submit" style=" ">Ingresar</button>

<h1 id="txtx">StackOverflow</h1>

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.