При заполнении информации о призах в Интернете я часто вижу регистрационные формы, в которых нужно заполнить только одну строку, как и в экзаменационных работах, где нужно заполнить пустые места, и это очень круто!
На самом деле добиться такого эффекта несложно. Для этого нужно всего лишь использовать очень короткий CSS-код!
| Ниже приводится цитируемое содержание: <тип стиля="текст/css"> < !-- .xian{BORDER-LEFT-STYLE: нет BORDER-RIGHT-STYLE: нет; --> </стиль> |
Функция кода следующая:
| Ниже приводится цитируемое содержание: «BORDER-LEFT-STYLE: none»: не отображать левую границу «BORDER-RIGHT-STYLE: none»: не отображать правую границу «BORDER-TOP-STYLE: none»: не отображать верхнюю границу «BORDER -bottom-STYLE: none" ": Не отображать верхнюю границу. Если вы добавите это, границы не будет вообще. |
Давайте посмотрим на пример приложения:
| Ниже приводится цитируемое содержание: <html> <голова> <title>Заполните поля онлайн</title> <тип стиля="текст/css"> < !-- .xian{BORDER-LEFT-STYLE: нет; BORDER-RIGHT-STYLE: нет;} --> </ /style>< !--Примечание: этот раздел представляет собой CSS-код. Изменение параметров здесь может дать более крутой эффект --> </голова> < body bgcolor="#FFFFFF" text="#000000"> Скройте границы <p>Имя пользователя: < input type="text" name="name" class=xian> <!--Примечание: необходимо добавить class=, установите CSS для применения в форме --> </p> </тело> </html> |
Достигнутый эффект прост и освежает. Как насчет изменения формы!