Lorsque je fais des informations sur les prix en ligne, je vois souvent des formulaires d'inscription avec une seule ligne à remplir, tout comme les questions à remplir dans les copies d'examen, ce qui est très cool !
En fait, il n’est pas difficile d’obtenir un tel effet, il suffit d’utiliser un code CSS très court pour y parvenir !
| Voici le contenu cité : < style type="text/css"> < !-- .xian{BORDER-LEFT-STYLE : aucun ; BORDER-RIGHT-STYLE : aucun BORDER-TOP-STYLE : aucun} --> </style> |
La fonction du code est la suivante :
| Voici le contenu cité : "BORDER-LEFT-STYLE: none" : Ne pas afficher la bordure gauche "BORDER-RIGHT-STYLE: none" : Ne pas afficher la bordure droite "BORDER-TOP-STYLE: none" : Ne pas afficher la bordure supérieure "BORDER -bottom-STYLE: none" " : Ne pas afficher la bordure supérieure. Si vous ajoutez ceci, il n'y aura aucune bordure. |
Jetons un coup d'œil à un exemple d'application :
| Voici le contenu cité : <html> <tête> <title>Remplissez les espaces en ligne</title> < style type="text/css"> < !-- .xian{BORDER-LEFT-STYLE : aucun ; BORDER-RIGHT-STYLE : aucun BORDER-TOP-STYLE : aucun ;} --> </ /style>< !--Remarque : Cette section est du code CSS. La modification des paramètres ici peut définir un effet plus cool--> </tête> < corps bgcolor="#FFFFFF" text="#000000"> Cachez vos bordures <p>Nom d'utilisateur : < input type="text" name="name" class=xian> <!--Remarque : class= doit être ajouté, définissez votre CSS à appliquer dans le formulaire--> < /p> < /corps> < /html> |
L’effet obtenu est simple et rafraîchissant. Que diriez-vous aussi de changer de forme !