Código CSS : input type solo con borde inferior

Fecha Publicación:       05 de Enero de 2023
Fecha Modificación:       05 de Enero de 2023

Código CSS - Input unicamente con la linea inferior

  form>div { line-height:2.5em;  }

   form span { color: #fff; width:70px; display:inline-block;  }
   
 input {
        color: #fff;
        background-color:#5555ff;
        border:none;
        border-bottom:border-bottom: 1px solid rgba(39,22,13,0.2);
    }

Codigo Html

<body>
    <form>
        <div><span>Nombre</span> <input type="text"></div>
        <div><span>Apellidos</span> <input type="text"></div>
    </form>

</body>
Articulo : 783 - Veces Leidas
Compartir Articulo:
×

¡Apóyame suscribiéndote a mi canal!

Tutoriales sobre Diseño Web