Ao fazer informações sobre prêmios online, muitas vezes vejo alguns formulários de inscrição com apenas uma linha para você preencher, assim como as questões de preenchimento nas provas, o que é muito legal!
Na verdade, não é difícil conseguir tal efeito. Você só precisa usar um código CSS muito curto para consegui-lo!
| A seguir está o conteúdo citado: <style type="texto/css"> < !-- .xian{BORDER-LEFT-STYLE: nenhum; BORDER-RIGHT-STYLE: nenhum; --> </estilo> |
A função do código é a seguinte:
| A seguir está o conteúdo citado: "BORDER-LEFT-STYLE: none": Não exibe a borda esquerda "BORDER-RIGHT-STYLE: none": Não exibe a borda direita "BORDER-TOP-STYLE: none": Não exibe a borda superior "BORDER -bottom-STYLE: none" ": Não exibe a borda superior. Se você adicionar isso, não haverá borda alguma. |
Vejamos um exemplo de aplicação:
| A seguir está o conteúdo citado: <html> <cabeça> <title>Preencha os espaços em branco online</title> <style type="texto/css"> < !-- .xian{BORDER-LEFT-STYLE: nenhum; BORDER-RIGHT-STYLE: nenhum; --> </ /style>< !--Nota: Esta seção é um código CSS. Alterar os parâmetros aqui pode definir um efeito mais legal-->. </head> <body bgcolor="#FFFFFF" text="#000000"> Oculte suas bordas <p>Nome de usuário: < input type="text" name="name" class=xian> <!--Nota: class= deve ser adicionado, configure seu css para ser aplicado no formulário--> </p> </corpo> </html> |
O efeito alcançado é simples e refrescante. Que tal mudar também a sua forma!