Cuando hago información sobre premios en línea, a menudo veo algunos formularios de inscripción con una sola línea para que usted los complete, al igual que las preguntas para completar los espacios en blanco en los exámenes, ¡lo cual es genial!
De hecho, no es difícil lograr tal efecto. ¡Solo necesita usar un código CSS muy corto para lograrlo!
| El siguiente es el contenido citado: <tipo de estilo="texto/css"> < !-- .xian{ESTILO-BORDE-IZQUIERDO: ninguno; ESTILO-BORDE-DERECHO: ninguno; --> </estilo> |
La función del código es la siguiente:
| El siguiente es el contenido citado: "BORDER-LEFT-STYLE: none": No muestra el borde izquierdo "BORDER-RIGHT-STYLE: none": No muestra el borde derecho "BORDER-TOP-STYLE: none": No muestra el borde superior "BORDER -bottom-STYLE: none" ": No muestra el borde superior. Si agrega esto, no habrá ningún borde. |
Echemos un vistazo a un ejemplo de aplicación:
| El siguiente es el contenido citado: <html> <cabeza> <title>Rellene los espacios en blanco en línea</title> <tipo de estilo="texto/css"> < !-- .xian{ESTILO-BORDE-IZQUIERDO: ninguno; ESTILO-BORDE-DERECHO: ninguno; --> </ /style>< !--Nota: Esta sección es código CSS. Cambiar los parámetros aquí puede establecer un efecto más genial-->. </cabeza> < cuerpo bgcolor="#FFFFFF" text="#000000"> Oculta tus bordes <p>Nombre de usuario: < input type="text" name="name" class=xian> <!--Nota: se debe agregar class=, configure su CSS para que se aplique en el formulario--> < /p> < /cuerpo> < /html> |
El efecto conseguido es sencillo y refrescante. ¿Qué tal si cambias de forma también?