Поставете разделителните линии
За разделянето на текста на уеб страницата използването на маркера
. Маркерът се поставя на мястото, където искаме да споделим текст. Страницата ще изглежда като проста черна линия по цялата ширина на страницата. Ако това е изпълнено, това е най-лесният начин.
Понякога е необходимо да се впишете линия, или малко по-широка от цялата ширина на страницата. Освен това не е трудно. Ти просто трябва да добавите маркера към няколко атрибута. Помислете за всички следните примери.
За да започнете, нека да видим как изглежда линията след поставяне на етикет
:
За следващите примери ще са ни необходими допълнителни атрибути към маркера. Нека ги разгледаме.
ширина - този атрибут определя дължината на линията. Дължина е разположен в пиксели или като процент;
размер - този атрибут определя ширината на линията е разположен в пиксели;
подравняване - атрибут на трасето на линията, това може да отнеме няколко стойности:
център - подравнява централната линия;
полето - привежда десния край на линията;
лявата - привежда в левия край на линията
noshade - този атрибут показва пътя към запълване линия, т.е. линията ще бъдат изтеглени напълно.
А сега да разгледаме линиите на примерите на тези атрибути. Питам тези параметри:
Линията ще изглежда така:
Сега ние определяме параметър линия не е по цялата ширина на страницата и центрира:
Линията изглежда така:
Питам широки параметри и сенчести ред:
Линията изглежда така:
Можете да направите сепаратор и форма:
Сега аз ви разкажа малко за това как да вмъкнете красиво анимирани разделителна линия. С това също не е сложност. Нека разгледаме примера тук е линк:
Това се прави много просто. Първо трябва да се намери на линията на картината, да го копирате, качите на уеб сайта и поставете на мястото си като нормална картина. Кодът ще изглежда така:
1.
Сега погледнете как да се създаде подобна линия. Първо, намерете, или да създадете сами подходящ фон. Например, аз избрах фоново изображение:
го качили в сайта, библиотека медийните файлове копираните код на изображението и поставяне в горния код. Леко се увеличава ширината на линията. И това е, което се случи:
Основното нещо тук е повече фантазия. Тези ленти могат да бъдат направени от всяко изображение
Свързани статии