Везе се користе за повезивање једне странице са другим веб страницама. Везе са истим боја као што је остатак текста тешко уочљив. Својство боје ЦСС-а користи се за промену боје веза.
Користећи ЦСС, можемо стилизовати везе на различите начине. Можемо поставити нека стања хипервезе која су следећа:
а:активан | Користи се за додавање стила активном елементу. |
а:ховер | Додаје специјалне ефекте елементу када корисник помери показивач миша преко елемента. |
линк | Додаје стил непоходеној вези. |
а:посетио | Додаје стил посећеној вези. |
Треба напоменути да у ЦСС дефиницији, а:ховер мора доћи после линк и а:посетио и такође а:активан мора доћи после а:ховер да би био ефикасан.
Редослед декларисања стања хипервезе је дат на следећи начин:
a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC}
Да бисмо променили боју везе, морамо да користимо боја власништво ЦСС-а. Име боје се може дати у било ком важећем формату, као што је име боје, ргб() вредност или ХЕКС вредност.
Сада, да видимо како да подесите боју веза користећи неке примере.
Пример
Подразумевано, боја нормалних или непосећених веза је плава. У овом примеру мењамо подразумевану боју везе коришћењем боја имовина.
a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p>Тестирајте одмах
Излаз
Када се програм покрене, добићемо следећи екран.
Када лебдите, веза ће изгледати овако:
Када је веза у активном стању, боја везе је црвена, као што је приказано испод.