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

Съдържание:

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

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

Видео: Как да променя цвета на връзката в Html
Видео: Размеры, цвет и фон HTML таблиц, ячеек и строк 2024, Ноември
Anonim

Цветът на HTML връзките се задава, като се използват съответните директиви на маркерите. Можете също така да използвате CSS код за промяна на параметрите на маркера, което ви позволява по-точно да персонализирате цветовете и оформлението на страницата.

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

Html

Отворете HTML файла с всеки текстов редактор. За да направите това, щракнете с десния бутон върху файла и изберете „Отваряне с“, след което изберете програмата, която да използвате.

Отидете до маркера на страницата и задайте допълнителни атрибути на връзка, vlink и alink. Параметърът за връзка определя цвета на обикновената връзка на страницата и по подразбиране е син. Добавянето на атрибута alink ще промени цвета при щракване с левия бутон (червено по подразбиране). Vlink показва цвета на връзките, които вече са били посетени. Можете да зададете параметрите, както следва:

В този пример цветът на маркирания текст е променен на черен. При щракване с мишката фрагментът ще бъде маркиран в зелено. Когато посетите отново страницата, ще видите, че връзката е кафява.

Вместо да посочвате английски имена, можете също да използвате шестнадесетични стойности на HTML, за да зададете желания нюанс:

CSS

CSS атрибутите могат да се използват за задаване на цвета на страницата. Например:

Връзка

Връзка 2

Цветът на текста се задава чрез посочване на CSS параметъра на цвета в атрибута style, който може да бъде зададен в шестнадесетичен или текстов формат.

За да зададете цвета на всички връзки на страницата с помощта на CSS, отидете в раздела. Посочете етикет, за да декларирате използването на таблицата със стилове в документа, и след това задайте параметрите за посетените, активните и наведените курсора за маркера. Например, част от кода може да изглежда така:

Заглавие на страница

a {цвят: зелен; }

a: посетен {цвят: сив; }

a: активен {цвят: жълт; }

a: hover {цвят: оранжев; }

& lt / head>

Простият атрибут указва цвета на нормална връзка, поставена на страницата. A: посети определя стила на предишна посетена връзка, a: active ще се маркира при щракване. Hover задава цветовите опции за задържане на курсора на мишката над текста.

Запазете направените промени във файла и проверете резултата от кода, който сте посочили в прозореца на браузъра. Ако всички параметри са били посочени правилно, ще видите промени в показването на хипервръзки. За да отворите HTML документ в браузър, щракнете двукратно върху него с левия бутон на мишката или с десния бутон и изберете съответния елемент от падащото меню „Отваряне с“.

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