Как да направите пълзяща линия в Html

Съдържание:

Как да направите пълзяща линия в Html
Как да направите пълзяща линия в Html

Видео: Как да направите пълзяща линия в Html

Видео: Как да направите пълзяща линия в Html
Видео: Уроки HTML, CSS / Как сделать горизонтальную линию 2024, Може
Anonim

Уеб дизайнерите използват голямо разнообразие от ефекти, за да украсят създадените от тях страници. Един от тези ефекти е пълзяща линия, която привлича вниманието на потребителя и го кара да чете текста.

Как да направите пълзяща линия в html
Как да направите пълзяща линия в html

Необходимо е

html редактор -

Инструкции

Етап 1

За да работите с HTML, ви е необходим HTML редактор, например СuteHTML. Можете да изтеглите преносимата му версия, която не изисква инсталация, от връзката в края на статията. Този редактор има подчертаване на синтаксиса и е много удобен за изучаване на основите на HTML.

Стъпка 2

Отворете редактора и напишете този код между етикетите: Спомням си един прекрасен момент: Ти се появи пред мен, Като мимолетна визия, Като гений с чиста красота.

Стъпка 3

Щракнете върху иконата Преглед в браузъра (лупа на фона на глобуса) в редактора на кода. Браузърът по подразбиране ще се отвори, ще видите стиховете на Пушкин в текущия ред. Сега разгледайте отблизо горния пример. Тагът за маркиране е маркер за обхождане. Параметрите височина и ширина задават височината и ширината на полето за линия, bgcolor определя цвета на фона, в този случай той е бял. Заменете зелено с бяло и фонът на линията ще стане зелен. Експериментирайте с цвета, ширината и височината на полето на реда.

Стъпка 4

Можете да зададете допълнителни параметри за движение на линията, като използвате параметъра BEHAVIOR. Например променете началния етикет с код по следния начин: Стартирайте визуализация в редактора - сега текстът ще се премести от едната страна на полето за линия до другата и обратно.

Стъпка 5

Можете да зададете посоката на движение на линията за превъртане, като използвате параметъра DIRECTION = "..", като замените в нея следните стойности: ляво - линията се премества наляво. вдясно - линията отива вдясно. нагоре - отдолу нагоре. надолу - отгоре надолу.

Стъпка 6

Опитайте да преоразмерите текста, като го затворите в текстовия маркер. В този пример размерът на текста е 5. Можете също да промените цвета му, като използвате текстовия маркер. В този пример текстът ще бъде червен.

Препоръчано: