Стилизиране на Връзки

HTML връзките могат да се стилизират чрез всяко CSS пропърти – цвят, размер, фон, декорация и т.н.. Допълнително, могат да бъдат оформяни в зависимост от това в какво състояние са Четирите състояния са:

• a:link- нормален, непосетен линк
• а:visited – линк, който потребителят е посетил
• a:hover – връзка, върху която, потребителя е поставил курсора
• a:active – линка, в момента, в който е кликнат

При определяне на стиловете за няколко линка, има някои правила:

• а:hover трябва да дойде след :link и :visited
• a:active трябва да дойде след: hover

Общи Стилове за Връзки

В горния пример, връзката променя цвета си, в зависимост от това в какво състояние е. Нека минем и през другите начини за стилване на връзки: Text Decoration – Това пропърти се използва за отстраняване на подчертавката от връзките:

Цвят на фона – Пропъртито background-color определя цвета на фона на линковете:

Добавяне на различни стилове Примера показва как се добавят и други стилове на хипервръзките. Advanced – Създаване на линк кутии(box-ове) Примера показва как можем да стилизираме един линк, така че да прилича на кутиика/бутон.