Как да променя цвета на връзката в Html

Съдържание:

Как да променя цвета на връзката в Html
Как да променя цвета на връзката в Html

Видео: Как да променя цвета на връзката в Html

Видео: Как да променя цвета на връзката в Html
Видео: Как изменить цвет текста в HTML 2024, Може
Anonim

Начинаещите уеб разработчици често се чудят за промяна на външния вид на хипервръзките. Това е съвсем естествено, защото темата за правилното форматиране на връзките непрекъснато се повдига от дизайнери и дизайнери на оформление.

Как да променя цвета на връзката в html
Как да променя цвета на връзката в html

Инструкции

Етап 1

По подразбиране връзките са изчертани в синьо (# 0000FF), имат подчертаване и променят цвета си, когато преминат в лилаво (# 800080), с активни връзки, маркирани в червено (# FF0000). Настройката на цвета за всички връзки на страницата в различните им състояния се извършва с помощта на стандартни HTML инструменти - три атрибута на маркера. Промяната на параметрите на дизайна на отделните връзки може да се извърши чрез промяна на стойностите на атрибутите на съответния етикет.

Стъпка 2

Има три начина за задаване на стойности за атрибути на стил. Във всички случаи трябва да посочите цвета на шрифта и подчертаването, който може да бъде под формата на шестнадесетичен код в пълен (#FFFFFF) или съкратен (#fff) варианти. Цветът може да бъде посочен и в RGB формат (101, 010, 111) или стандартната html стойност на атрибута style, тоест ключовата дума (сиво, червено и т.н.). Тези стойности са зададени за атрибутите link, alink и vlink.

Стъпка 3

Незадължителният атрибут на връзката на маркера определя цвета на всички хипервръзки на страницата. Ако атрибутът не е посочен, се приема по подразбиране.

Стъпка 4

Незадължителният атрибут alink на маркера определя цвета на всички активни хипервръзки, т.е. променя цвета на връзката до този, посочен при щракване върху него. Елементите от менюто, които сочат към страницата, отворена в момента в браузъра, също се считат за активни хипервръзки. Ако атрибутът не е посочен, се приема по подразбиране.

Стъпка 5

Незадължителният атрибут vlink на маркера определя цвета на всички посетени хипервръзки, т.е. променя цвета на връзката след щракване върху нея. Ако атрибутът не е посочен, се приема по подразбиране.

Стъпка 6

Можете да използвате CSS свойства в HTML документа, за да промените цвета на всички хипервръзки. Те се записват между сдвоените тагове и се посочват между необходимите тагове и. Свойствата се задават чрез селектора A: с посетения псевдоклас, който определя цвета на посетените връзки, активен, който определя цвета на активните връзки, или курсора на мишката, който определя цвета на връзките при задържане над тях.

Стъпка 7

Ако трябва да промените цвета на отделна връзка, а не всички наведнъж, трябва да използвате атрибута style за маркера, като по този начин свържете стиловете с определен маркер. Стойността на атрибута в този случай е свойството цвят, синтаксисът е както следва:, тоест можете да използвате всеки от четирите метода за определяне на цвят.

Препоръчано: