CSS+-+Врски


 * Претходно: ** CSS - Фонт ** Почеток: ** CSS Туторијал ** Следно: ** CSS - Листи

Дизајн на врските
Врските (линковите) можат да бидат дизајнирани со неколку CSS својства (пример: color, font-family, background итн.). Во продолжение, врските може да бидат дизајнирани различно во зависност од тоа во каква состојба се.

Четирите состојби на врските се:
 * a:link - нормален, непосетен линк
 * a:visited - врска која корисникот ја има посетено
 * a:hover - врска која корисникот застанува со маусот над неа
 * a:active - врска која во моментот е кликната

a:link {color:#FF0000;} /* unvisited link */ a:visited {color:#00FF00;} /* visited link */ a:hover {color:#FF00FF;} /* mouse over link */ a:active {color:#0000FF;} /* selected link */

Кога се поставува дизајнот за неколку состојби на врските, постојат неколку правила на распоред:

a:hover MUST come after a:link and a:visited a:active MUST come after a:hover

Декорација на текстот на врската
Својството за декорација на текстот најчесто се користи за отстранување на подвлечената линија од врските:

a:link {text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:underline;} a:active {text-decoration:underline;}



**Боја на позадината на текстот од врските**

Својството за бојата на позадината ја дефинира бојата на позадината за врските:

a:link {background-color:#B2FF99;} a:visited {background-color:#FFFF85;} a:hover {background-color:#FF704D;} a:active {background-color:#FF704D;}




 * Претходно: ** CSS - Фонт ** Почеток: ** CSS Туторијал ** Следно: ** CSS - Листи