ПредишенСледващото

Поставете разделителните линии

За разделянето на текста на уеб страницата използването на маркера


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

Понякога е необходимо да се впишете линия, или малко по-широка от цялата ширина на страницата. Освен това не е трудно. Ти просто трябва да добавите маркера към няколко атрибута. Помислете за всички следните примери.

За да започнете, нека да видим как изглежда линията след поставяне на етикет


:

За следващите примери ще са ни необходими допълнителни атрибути към маркера. Нека ги разгледаме.

ширина - този атрибут определя дължината на линията. Дължина е разположен в пиксели или като процент;

размер - този атрибут определя ширината на линията е разположен в пиксели;

подравняване - атрибут на трасето на линията, това може да отнеме няколко стойности:

център - подравнява централната линия;

полето - привежда десния край на линията;

лявата - привежда в левия край на линията

noshade - този атрибут показва пътя към запълване линия, т.е. линията ще бъдат изтеглени напълно.

А сега да разгледаме линиите на примерите на тези атрибути. Питам тези параметри:


Линията ще изглежда така:

Сега ние определяме параметър линия не е по цялата ширина на страницата и центрира:


Линията изглежда така:

Питам широки параметри и сенчести ред:


Линията изглежда така:

Можете да направите сепаратор и форма:


Сега аз ви разкажа малко за това как да вмъкнете красиво анимирани разделителна линия. С това също не е сложност. Нека разгледаме примера тук е линк:

Това се прави много просто. Първо трябва да се намери на линията на картината, да го копирате, качите на уеб сайта и поставете на мястото си като нормална картина. Кодът ще изглежда така:

1.

- местоположението на изображението в центъра на града. Може ли да се промени на ляв или десен;

Сега погледнете как да се създаде подобна линия. Първо, намерете, или да създадете сами подходящ фон. Например, аз избрах фоново изображение:

го качили в сайта, библиотека медийните файлове копираните код на изображението и поставяне в горния код. Леко се увеличава ширината на линията. И това е, което се случи:

Основното нещо тук е повече фантазия. Тези ленти могат да бъдат направени от всяко изображение

Свързани статии

Подкрепете проекта - споделете линка, благодаря!