Содержание

Как изменить цвет ссылки в css

Здравствуйте уважаемые читатели. Сегодня мы поговорим как с помощью html и css изменить ссылку на Вашем сайте: поменять цвет, добавить или убрать подчеркивание.

Как изменить цвет ссылки с помощью HTML.

Как вы помните, ссылка вставляется следующим образом:

По умолчанию ссылка синего цвета с подчеркиванием. Попробуем c помощью html изменить цвет ссылки. Для этого добавляем в код следующий текст:

Как видим, ссылка поменяла свой цвет. Какой цвет теперь будет у ссылки, зависит от #FF0000. Это специальный цветовой код html, который присваивается каждому цвету всей цветовой палитры. Для того, чтобы определить какой код имеет тот или иной цвет ,советую прочитать статью палитра цвета html.

Как убрать подчеркивание.

Для того, чтобы убрать подчеркивание, необходимо в кодировку html ссылки добавить:

Как видите, подчеркивание исчезло.

Как изменить цвет ссылки с помощью CSS.

Вышеописанный метод, несмотря на всю свою простоту, используется крайне редко. Как правило, для оформления веб-страницы используется таблица ститей style.css в которой прописывается оформление всех элементов страницы, в том числе, и ссылок.

Для того, чтобы изменить цвет всех ссылок в тексте, а также убрать подчеркивания достаточно прописать в файле css следующий код:

Ну вот и все. Не забывайте оценивать статью и ставить лайки. Ну и, разумеется, комментируйте.

С помощью HTML можно задавать цвета всех ссылок на странице, а также изменять цвета для отдельных ссылок.

Задание цвета всех ссылок на странице

Цвета ссылок задаются в качестве атрибутов тега . Атрибуты являются необязательными и если они не указаны используются значения по умолчанию.

link — определяет цвет ссылок на веб-странице (цвет по умолчанию синий, #0000FF).

alink — цвет активной ссылки. Цвет ссылки меняется при нажатии на ней кнопки мыши. Цвет по умолчанию красный, #FF0000.

vlink — цвет уже посещенных ссылок. Цвет по умолчанию фиолетовый, #800080.

В HTML цвета задаются обычно цифрами в шестнадцатеричном коде, в виде #rrggbb , где r, g и b обозначают соответственно красную, зеленую и синюю составляющую. Для каждого цвета задается шестнадцатеричное значение от 00 до FF, что соответствует диапазону от 0 до 255 в десятичном исчислении. Затем эти значения объединяются в одно число, перед которым ставится символ # (пример 1).

Пример 1. Задание цветов ссылок

Цвет не обязательно задавать в шестнадцатеричном формате, можно использовать и ключевые слова. В данном примере цвет фона веб-страницы установлен черным, а цвет ссылок — красным.

Для изменения цвета ссылок удобнее использовать CSS. Чтобы установить цвет для всех ссылок на веб-странице применяются следующие псевдоклассы, которые добавляются к селектору A .

visited — Стиль для посещенной ссылки.

active — Стиль для активной ссылки. Активной ссылка становится при нажатии на нее.

hover — Стиль для ссылки при наведении на нее мышью.

В примере 2 показано, как изменить цвет ссылок на веб-странице с помощью стилей. Для этого воспользуемся стилевым свойством color , оно задает цвет определенного текста, в данном случае, ссылок.

Пример 2. Цвет ссылок, заданных через стили

Задание цвета отдельных ссылок на странице

Вышеописанный способ задания цветов работает для всех ссылок веб-страницы. Однако, иногда возникает необходимость одновременно использовать разные цвета. Светлые, например, для темных областей веб-страницы, а темные цвета — соответственно для светлых. Для этого также можно воспользоваться стилями.

Пример 3. Изменение цвета ссылки с помощью стилей

В данном примере приведены три разных способа задания цвета с помощью стилей.

Ссылка в HTML выглядит следующим образом:

По умолчанию ее цвет синий и она будет иметь подчеркивание.

Вы можете изменить ее цвет и убрать подчеркивание, просто добавив внутрь тега свойство style с соответствующими значениями. Вот так:

Есть и другой способ изменить внешний вид ссылки. Для этих целей используются таблицы стилей CSS. Причем вы сможете задать значения для ссылок при различных условиях, будь-то активная ссылка (a:active), посещенная ссылка(a:visited) либо ссылка при наведении мыши (a:hover). Вот как это делается:

a <
color:#FF0000;
text-decoration:none
>

a:active <
color:#FF0000;
text-decoration:none
>

a:visited <
color:#666666;
text-decoration:none
>

a:hover <
color:#339900;
text-decoration: underline
>

🥇 ▷ Как изменить цвет посещенных ссылок в Chrome, Firefox, Safari? » ✅

Сегодня я просто хочу поделиться несколькими краткими учебными пособиями о том, как настроить цвет посещаемых ссылок в различных веб-браузерах, чтобы вы могли избежать нажатия на веб-страницы, которые уже просматривались.

Это полезно, особенно когда вы (или ваши друзья и семья) дальтоник. Тем, кто страдает дальтонизмом, трудно определить разницу между цветами посещенных и не посещенных веб-ссылок, если они не установлены должным образом.

Это может сделать простой просмотр веб-страниц разочаровывающим опытом.

Веселая история за этим

На днях мой двоюродный брат зашел в мою квартиру, и он использовал мой ноутбук, чтобы что-то искать в Google. Несколько раз я слышал, как он сказал: «Глупый я! Почему я снова захожу на эту страницу? »И я сказал ему:

  • Я: Эй, Даниэль, ты нажимаешь на страницу результатов, которые ты уже посетил?
  • Даниэль: Да. Я не знаю почему.
  • Я: посещенные страницы в результатах поиска Google отмечены красным, а те, которые вы не посещали, выделены синим цветом, если вы не знаете … (я просто хотел помочь)
  • Даниэль: Я думаю, они выглядят одинаково для меня.
  • Я: Действительно? (Я думал, он шутит) … Эй, это разные цвета. Один светло-фиолетовый, другой синий. Ты можешь сказать?
  • Даниэль: Нет!

Наш разговор начал становиться немного серьезным, как вы уже догадались. Да, мой двоюродный брат несколько дальтоник – точнее, красный дальтоник. Я использую Chrome, и после того, как я изменил цвет посещенной ссылки с красного на зеленый, он мог сразу заметить разницу.

Есть ли у вас дальтонизм?

Во-первых, вам не нужно беспокоиться об этом вообще, если у вас это есть. В большинстве случаев дальтонизм является генетическим заболеванием, и, согласно MedlinePlus, Кроме того, чтобы чувствовать себя лучше, «существует общее согласие, что во всем мире 8% мужчин и 0,5% женщин имеют дефицит цветового зрения». (Источник)

Чтобы проверить, страдаете ли вы дальтонизмом, самый быстрый способ – проверить эта статья Хаффингтон пост, Он включает в себя пять изображений из цветового теста Исихары.

Для дополнительных тестов, вы можете посетить этот сайт: http://enchroma.com/test/instructions/, Вам дадут 20 пробных вопросов, прежде чем вы увидите результаты теста.

Нажмите синий «НАЧАТЬ ТЕСТ», чтобы начать:

Большинству людей скажут, что у них «Нормальное цветовое зрение»:

Цветовая схема в результатах поиска в поисковых системах

NoteПо умолчанию большинство поисковых систем, таких как Google и Bing, помечают результаты, на которые вы нажали, фиолетовым цветом, а результаты не отображаются синим цветом Вот два примера:

Это то, что появилось после того, как я искал «TechCrunch» в Google.

Поскольку я уже посещал страницу TechCrunch Wikipedia, она теперь помечена как светло-фиолетовая, а Facebook а также YouTube все еще синие.

В Bing я искал «SoftwareHow», и вот что я увидел. Twitter и страницы Google+ уже посещены, поэтому они также отмечены фиолетовым цветом, а Pinterest ссылка все еще синяя.

Теперь вернемся к теме. Вот как можно изменить цвет посещаемых ссылок в разных веб-браузерах.

Гугл Хром

К сожалению, для браузера Chrome вам придется добавить расширение, чтобы оно работало. Вот пошаговое руководство:

Note: скриншоты ниже взяты из Chrome для macOS (версия 60.0.3112.101). Если вы работаете на ПК или используете другую версию Chrome, действия могут немного отличаться.

Шаг 1: Откройте Chrome, затем установите это расширение под названием Стилист, Нажмите на синюю кнопку «ДОБАВИТЬ В ХРОМ».

Шаг 2: Подтвердите, нажав «Добавить расширение». Вы увидите уведомление о том, что плагин был добавлен в Chrome.

Шаг 3: Щелкните правой кнопкой мыши значок расширения «Стилист» и выберите «Параметры». На вкладке Стили нажмите Добавить новый стиль.

Шаг 4: Теперь назовите новый стиль, отметьте опцию «Весь сайт», скопируйте и вставьте этот фрагмент кода (как показано ниже) в поле и нажмите «Сохранить».

A: посетил {цвет: зеленый! важный }

Note: Цвет этой линии «зеленый». Не стесняйтесь менять его на другой цвет или код RGB (например, 255, 0, 0), Вы можете найти больше цветов и их коды Вот,

Важно: отметка «Весь сайт» может повлиять на ваше взаимодействие с другими сайтами. Например, я заметил, что после внесения изменений все мои вкладки Gmail стали красными. что выглядит совершенно странно. Поэтому я добавил это правило, которое позволяет изменениям влиять только на конкретные результаты поиска Google.

Шаг 5: Проверьте, вступил ли новый стиль в силу. В моем случае да – цвет посещенной страницы TechCrunch Wikipedia теперь меняется на зеленый (по умолчанию он был красным).

Постскриптум Я привык, чтобы цвет посещенной ссылки отображался как светло-фиолетовый, поэтому я настроил его обратно. ????

Mozilla Firefox

Внести изменения в браузер Firefox еще проще, поскольку в отличие от Chrome, вам не нужно устанавливать какие-либо сторонние расширения. Следуйте пошаговой инструкции ниже:

Note: В этом уроке я использую Firefox 54.0.1 для macOS. Если вы используете другую версию или находитесь на Windows ПК, пути и снимки экрана, как показано ниже, могут не применяться.

Шаг 1: Убедитесь, что опция «Всегда использовать режим частного просмотра» снята. Откройте Firefox Menu> Настройки> Конфиденциальность.

Под историей> Firefox будет: выберите «Использовать пользовательские настройки для истории». Если вы отметили «Всегда использовать режим частного просмотра», снимите этот флажок. Если он не выбран (по умолчанию), вы в порядке. Перейти к шагу 2.

Шаг 2: Теперь иди в Содержание> Шрифты и цвета> Цвета.

В «Цветах» windowsизмените цвет «Посещенных ссылок:» на нужный, выберите «Всегда» в раскрывающемся меню и нажмите кнопку «ОК», чтобы сохранить изменения.

Шаг 3: Это оно. Чтобы проверить, насколько эффективно изменение настроек, просто выполните быстрый поиск в Google и посмотрите, не изменился ли цвет этих посещенных результатов. В моем случае я установил их как зеленые, и это работает.

Apple Сафари

Процесс очень похож на Chrome. Вам нужно установить расширение под названием Stylish. Следуйте инструкциям ниже, где я также указываю на хитрость, которую нужно позаботиться, чтобы выполнить. В противном случае, это не будет работать, как ожидалось.

Note: Я использую Safari для macOS (Версия 10.0). Снимки экрана, показанные ниже, могут немного отличаться от того, что вы видите на своем компьютере.

Шаг 1: Получить стильный расширение (перейдите по ссылке) и установите его в браузере Safari.

Шаг 2: Нажмите значок «Стильное расширение» (расположен в верхней части панели инструментов), затем выберите «Управление».

Шаг 3: В новой стильной панели инструментов перейдите в «Редактировать». Выполните четыре задания, как показано на этом скриншоте. Часть кода CSS показана ниже.

A: посетил {цвет: зеленый! важный }

Опять же, цвет в моем примере – зеленый. Вы можете изменить это как угодно. Найти больше цветов и их коды Вот или же Вот,

Обратите особое внимание, когда вы устанавливаете правила. Например, я хотел изменить только цвет посещенных ссылок в Google.com. Я выбираю «Домен» и набираю «google.com» в поле «CSS». Note: НЕ печатайте «www.google.com», так как он не будет работать. Мне понадобилось несколько проб и ошибок, чтобы понять это.

Шаг 4: Проверьте, вступили ли изменения в силу. В моем случае это работает.

Microsoft Edge

К сожалению, для Windows 10 пользователям мне еще предстоит найти реальное решение по изменению цвета посещенных или не посещенных ссылок. Я думал, что расширение Stylish будет работать с Edge, но я ошибался. Тем не менее, кажется, что я не одинок, как вы можете видеть из это обсуждение что многие люди требуют особенность.

Я обновлю этот пост, если Edge добавит эту функцию или если стороннее расширение выполнит эту работу.

К вам

Я надеюсь, что вы нашли эту статью полезной. Пожалуйста, дайте мне знать, если вам неясно какие-либо шаги в учебниках выше. Если вы обнаружите более простой способ, вы можете написать по электронной почте или оставить комментарий, чтобы уведомить меня.

Постскриптум Эта статья заняла у меня около пяти часов. Лучший способ выразить свою признательность – это поделиться им или оставить комментарий ниже, если вы нашли его полезным.

Способ изменения цвета ссылок на WordPress

Веб мастера, которые используют в качестве движка сайтов WordPress, не отличаются от других владельцев площадок, которые хотят получить идеальный проект, затратив определенный объем усилий.

Естественно, что пользователи WordPress, для реализации своего проекта используют шаблоны и бывает очень сложно определиться с внешним оформлением будущего ресурса. Каждый шаблон является индивидуальным и использует собственные стили, цветовые гаммы, шрифты и многое другое.

Один из объектов, который устанавливается в зависимости от выбранного шаблона, это цвет ссылок. В некоторых случаях, владельцы сайтов сталкиваются с блеклыми цветами, а некоторые просто хотят изменить его, чтобы придать своему сайту креативности.

Как изменить цвет ссылок на WordPress? В данной статье мы рассмотрим, как это сделать, и сразу отметим, что для этого вам не потребуется быть профи.

Цвет ссылок


Цвет, который установлен для ссылок, обозначен в файле стилей CSS, к которому вы сможете перейти, нажав «Внешний вид» в панели администратора и после этого выбрав пункт «Редактировать». В списке файлов находим Style.css и приступаем к его редактированию.

Теперь нам необходимо найти «кусок» кода, который обозначается комментарием Links:

На изображении вы видите пример «куска» кода, в котором мы сможем изменить цвет ссылок. Под значением «a», находится тег «color» именно он и отвечает за цвет ссылок. Как видим, на данный момент у нас установлено значение #D2691E.

Это значение является закодированным значением определенного цвета, которое нам необходимо заменить на другой код. Чтобы выбрать необходимый вариант, используйте таблицу цветов с HTML значениями, например такую:

Из данной таблицы выбирайте один из цветов и устанавливайте его значение так же, как было установлено предыдущее значение, с символом #.

Так же в «куске» кода, который отвечает за цвет ссылки, вы можете найти множество дополнительных тегов, обозначающих цвет ссылки при наведении курсора, после перехода по ней и т.д.

В примере, который мы вам представили, есть дополнительный тег hover, он обозначает цвет ссылки при наведении курсора, и как вы можете заметить, его тоже можно изменить на любое другое значение.

Советую посетить следующие страницы:


— Бан за резкое увеличение ссылочной массы
— Как правильно выбирать ключевые слова
— Независимость местонахождения бизнесмена

Как изменить цвет текста гиперссылки в PowerPoint

Гиперссылки в PowerPoint довольно-таки мощный инструмент который может добавить много интерактивных функций в ваши презентации.

Примеры использования:

  • Кликабельное оглавление. При просмотре презентации можно переходить на нужный слайд
  • Кнопка запуска действия. По которой будет начинаться анимация либо проигрываться звуковой или видео контент, открываться новый документ или произвольная программа.

В качестве элементов поддерживаемых гиперссылками в PowerPoint может выступать любой объект:

  • текстовое поле
  • фигура
  • картинка
  • объекты SmartArt и т. д.

Часто при использовании гиперссылок в презентациях возникает вопрос: как отформатировать текстовую гиперссылку, изменив ее цвет?

Ответ:

Текстовые гиперссылки в PowerPoint являются особым объектом, цвет которых невозможно изменить стандартным способом через кнопку “Цвет Текста”. Она попросту не реагирует.

У текста гиперссылки есть два режима:

  • не посещенная ссылка
  • посещенная ссылка

И в настройках цвета темы есть возможность задать для каждого из них свой цвет. Для этого:

в начало

Стандартный способ изменить цвет гиперссылки в PowerPoint

  1. Выбираем вкладку “Дизайн” на ленте
  2. Жмем кнопку “Дополнительные параметры” в правом нижнем углу группы “Варианты”
  3. Выбираем выпадающий список “Цвета”
  4. Выбираем “Настроить Цвета” (опционально можно выбрать другой цвет темы)
  5. Меняем настройки цвета текущей темы, выбирая нужный цвет для гиперссылок.

Больше информации о том, как PowerPoint работает с цветом, вы можете найти в статье Настройка цвета в PowerPoint .

в начало

Изменение цвета гиперссылки через “Образец Слайдов”

При настройке шаблона презентации ( читайте подробнее о шаблонах и темах тут ) вы можете сразу задать нужный формат оформления гиперссылок. Действия в общем и целом аналогичные:

  1. Вид
  2. Открываем образец слайдов
  3. Кнопка управления цветами
  4. Настройки цвета
  5. Требуемое оформление гиперссылки

в начало

Обходной способ изменить цвет гиперссылки в PowerPoint

Если для каких-то задач для одной нескольких гиперссылок документа вам понадобилось сделать их форматирование отличающимся от других ссылок, вы можете воспользоваться кнопкой “Контур Текста”, которая в отличии от кнопок “Заливка Текста”, “Цвет Текста” действует на гиперссылки.

в начало

Как изменить цвет ссылки в PowerPoint?

Как изменить цвет ссылки в повер поинте?

Изменение цвета гиперссылки

Перейдите на вкладку Дизайн и нажмите там на двойную стрелку в правом нижнем углу раздела Варианты и выберите Цвета > Изменить цвет. Используйте опцию Изменить цвет, чтобы изменить цвет гиперссылки в PowerPoint.

Как изменить цвет ссылок?

Для изменения цвета ссылки следует использовать атрибут style=»color: #rrggbb» в теге <a>, где #rrggbb — цвет в шестнадцатеричном представлении. Можно, также, использовать названия цветов или указывать цвет в формате: rgb (132, 33, 65).

Как поменять цвет презентации?

Как изменить цвет фона

  1. Откройте файл в Google Презентациях на компьютере.
  2. Выберите слайд.
  3. В верхней части экрана нажмите Слайд Изменить фон.
  4. Нажмите на поле справа от пункта «Цвет» и выберите нужный вариант. Чтобы изменить цвет одного слайда, нажмите Готово.

Как узнать код цвета в PowerPoint?

Для этого нужно навести курсор на нужный пиксель и щелкнуть левой кнопкой мыши. В поле «Сохраненные значения» в отдельном окне вы сможете увидеть цвет пикселя, а так же сохраненные значения кода пикселя в формате HTML и RGB цвета.

Как убрать стили ссылки?

Чтобы убрать подчёркивание у ссылки, следует в стилях для селектора a добавить text-decoration со значение none (пример 1). Для псевдоклассов :hover и :visited нет необходимости добавлять text-decoration, они наследуют свойства селектора a.

Как изменить цвет темы в презентации?

Изменение цветов темы

  1. Чтобы открыть коллекцию цветов, на вкладке Конструктор в группе Варианты щелкните стрелку вниз:
  2. Последовательно выберите пункты Цвета > Настроить цвета.
  3. В диалоговом окне Создание новых цветов темы в разделе Цвета темы выполните одно из следующих действий:

Как изменить цветовую схему в PowerPoint?

На вкладке темы в группе Параметры темынажмите кнопку цветаи выберите команду создать цвета темы. Выберите цвет, который вы хотите изменить, и нажмите кнопку изменить цвет. Выберите нужный цвет и нажмите кнопку ОК. Повторите шаги 2 и 3 для каждого цвета, который вы хотите изменить.

Как изменить фон в презентации?

Добавление фонового рисунка на слайд

  1. Щелкните правой кнопкой мыши на поле слайда и выберите Формат фона.
  2. В области Формат фона выберите Рисунок или текстура.
  3. В разделе Добавить рисунок из источника выберите, откуда нужно получить изображение:

Какие цвета лучше всего использовать в презентации?

Что еще запомнить о подготовке презентации под проектор: Лучшие цвета — белый и черный. Не стоит делать цветной текст и цветной фон просто ради красоты.

Как скопировать цвет в Power Point?

Для копирования и перемещения цвета с помощью пипетки в PowerPoint вы должны выполнить три основных действия.

  1. Сначала выделите элемент, цвет которого вы хотите изменить.
  2. Затем выберите пипетку.
  3. Затем выберите цвет, который вы хотите применить.

Как в css изменить цвет ссылки


Как изменить цвет ссылки в определенной области с помощью css

Я взглянул на многие вопросы, которые, как я думал, были проблемой, подобной моей, но никто из них не работал на меня, поэтому я публикую это. Я все еще новичок в программировании (просто знаю основы), поэтому, пожалуйста, несите меня:

У меня есть сайт Все игры Все

пожалуйста, откройте любую запись на веб-сайте

Проблема, с которой я столкнулся, заключалась в том, что все элементы на веб-сайте были серыми по цвету, поэтому, используя пользовательский параметр CSS в моей теме WordPress, я просто сделал

a:link { color:white; }

Теперь, когда это сработало как шарм, и все мои элементы имеют один и тот же цвет (белый), я хочу, чтобы цвет ссылки: как красный на ТОЛЬКО в теле статьи, так как белый мешает посетителю видеть, есть ли какая-либо ссылка на должность. Я попытался изменить аспекты, используя контрольный элемент и пользовательский CSS, но ничего не работает для меня. У меня есть доступ к пользовательским CSS и настраиваемым редакторам HTML в моей теме WordPress, поэтому я бы очень признателен за любую помощь в этом и еще раз извините, если я говорил noobish (я нооб).

Как изменить цвет посещённой ссылки на сайте только с помощью CSS

Приветствую Вас, дорогие читатели блога beloweb.ru. В этот день я хочу поделиться с Вами тем как поменять цвет посещённой ссылки на сайте. 

Я вот заметил, что в настоящее время многие дизайнеры и веб мастера забывают поставить этот не маловажный пункт. Честно скажу, что у меня на сайте тоже не давно посещённые ссылки цвета не меняли. Я даже как то и не задумывался о этом. Но однажды я случайно попал на один зарубежный сайт и там, переходя по его ссылкам они, так сказать, отмечались, вернее меняли цвет. И признаюсь это так удобно! 🙂 Ты просто видишь куда именно ты заходил на сайте. А то и такое бывает, что по одной и той же ссылке кликаешь несколько раз.

В общем удобно друзья, и это удобство мы сейчас будем реализовывать у себя на сайте.

Говорю сразу это очень просто, я сам не ожидал. И конечно же пост получится очень коротким. Так что не судите 🙂

Как поменять цвет посещённой ссылки на сайте.

Пример

Друзья, пример работы посещённых ссылок в действии Вы можете посмотреть у меня на сайте, например вот в этой статье. Там Вы увидите список интересных постов, и попробуйте перейти по какой нибудь ссылке. После этого Вы увидите, что она поменяет цвет.

Как сделать?

Очень и очень просто. Делается это с помощью стилей CSS. Всего навсего мы добавляем к тегу а тег :visited, далее просто присваиваем желаемый цвет. Другими словами вот, что у меня получилось:

a:visited { color: #8e0000;

}

Всё. Больше ничего добавлять не нужно. Просто, не правда ли? 🙂

Поддержка браузеров

Тут буду короток. Данный код поддерживают все браузеры.

Вот и всё, дорогие читатели. И в этот раз надеюсь, что я Вам чем то помог. До скорых встреч.

Метки: CSSДизайнЦвет ссылки

Самое популярное

Как изменить цвет ссылки в определенном классе для div CSS

Это может быть примерно так:

a.register:link { color:#FFF; text-decoration:none; font-weight:normal; } a.register:visited { color: #FFF; text-decoration:none; font-weight:normal; } a.register:hover { color: #FFF; text-decoration:underline; font-weight:normal; } a.register:active { color: #FFF; text-decoration:none; font-weight:normal; }

ответ дан Aditya P Bhatt 18 мая ’15 в 10:05

источник поделиться

Я думаю, вы хотите поставить a перед a:link (a, a:link) в свой файл CSS. Единственный способ избавиться от этого ужасного цвета синей ссылки по умолчанию. Я не уверен, что это было необходимо для более ранней версии браузеров, потому что она должна работать без a

ответ дан Eagle’s Eye 09 нояб. ’15 в 0:09

источник поделиться

Как изменить цвет ссылки в HTML с помощью CSS ?

Skip to content

Все ссылки в языке html по умолчанию имеют синий цвет. Такой вариант подходит не для всех дизайнов сайтов. В самом контенте конечно можно и синим оставить, если у нас будут ссылки на другие статьи, синий и для пользователей будет привычным. Но при разработке меню и других элементов цвет ссылок все же приходиться менять часто.

В этой заметке мы рассмотрим, как изменить цвет ссылки в html используя при этом таблицу стилей. Так как писать весь этот код в самом html документе не очень хорошо, поисковые системы не очень любят различные код, который можно было вынести в отдельные файлы.

Нужно создать файл с именем style.css и на все страницы своего сайта, в html документы, между тегами поместить следующий код:

Этот код указывает, где лежит файл со стилями. Если у вас сайт на каком-либо движке, например Joomla или WordPress, то этот файл у вас уже есть, цвета ссылок тоже уже там указаны, вам только остается их изменить под себя.

В файле стилей style.css нам нужно прописать вот такой вот код:

a:link { text-decoration:none;

color: red;

}

a:active { text-decoration:none;

color: green;

}

a:visited { text-decoration:none;

color:#424242;

}

a:hover { text-decoration:none;

color:#000000;

}

И указать свои значиния. Теперь по порядку, где что означает.

color – цвет ссылки;

a:link – цвет обычной ссылки;

a:active – цвет ссылки, на которую нажил;

a:visited – цвет ссылки по которой мы уже переходили;

a:hover – цвет ссылки на которую мы навели мышкой;

text-decoration — отвечает за подчеркивание ссылки, а значение none указывает, что подчеркивание полностью у ссылки отсутствует.

То есть мы пишем, с каким типом ссылки работаем, то есть активная, которую уже нажималии т.д., затем в квадратных скобках указываем цвет и убираем, если нужно подчеркивание.

Цвет можно указывать обычным английским словом или шестнадцатеричным значением. Информацию какой цвет как обозначается можно найти в интернете или копировать в Фотошопе, указав какой цвет нужен.

Также шестнадцатиричное значение цвета можно определить в любом месте экрана с помощью программы HTMLColors. Подробнее об этом я рассказал в уроке: Определение цвета на экране.

А если нам нужно задать цвета только для отдельной ссылки, которая всего лишь один или два раза будет встречаться на сайте. Для этого можно создать отдельный класс.

Вот таким образом:

a.new:link { color: red; }

a.new:active { color: green; }

a.new:visited { color:#9c0000; }

a.new:hover { color:#58CAFF; }

И для тех ссылок которые должны иметь такой стиль, мы указываем класс .new, в html документе это будет выглядеть вот так:

Ссылка с классом .new

В браузере это будет вот так выглядеть:

Ссылка с классом .new

На этом урок по изменению ссылок в html окончен.

Как изменить цвет или убрать подчеркивание гиперссылок в Word?

Как изменить цвет или убрать подчеркивание гиперссылок в Word?

Когда вы вставляете гиперссылки в Word, цвет гиперссылки по умолчанию синий. А если вы хотите изменить цвет гиперссылки или удалить подчеркивание гиперссылок, вы можете сделать следующие шаги:

Изменить цвет гиперссылок в Word

Убрать подчеркивание гиперссылок в Word


Изменить цвет гиперссылок в Word

1. в Главнаяменю.

2. Щелкните маленький значок под Изменить стили , чтобы открыть Стили окно.

3. Нажмите Раскрывающееся меню гиперссылки > Изменить …

Примечание: эта опция появится, только если ваш документ содержит гиперссылку.

4. в Изменить окно, щелкните синий цвет (цвет по умолчанию) и выберите нужный цвет из раскрывающегося меню.

5. Нажмите OK для внесения изменений.


Убрать подчеркивание гиперссылок в Word

1. Нажмите Главная вкладка и перейдите к Стили кнопку запуска для отображения Стили панель. Смотрите скриншот:

2. в Стили панели, щелкните значок раскрывающегося списка или щелкните правой кнопкой мыши Гиперссылка, А затем нажмите Изменить из Гиперссылка выпадающее меню. Смотрите скриншот:

3. в Изменить стиль диалога, нажмите подчеркивание затем нажмите OK чтобы закрыть диалог. Смотрите скриншот:

4. Затем закройте Стили панель, если она вам больше не нужна. Вы можете увидеть результат, как показано ниже:


Относительные статьи: