Перейти к содержимому

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

  • автор:

Цвет ссылок

С помощью 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. Изменение цвета ссылки с помощью стилей

    Цвет ссылок  

Содержание сайта

Интернет-маркетинг

Юзабилити

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

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

Измените цвет ссылок в нужном вам настроение или дизайне слайда, а также настройте контрастность для доступности.

Слайд PowerPoint с красочными ссылками

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

Нажмите стрелку рядом с кнопкой

  1. Выделите гиперссылку, у которой необходимо изменить цвет. (How do I insert a hyperlink?)
  2. На вкладке » Главная » на ленте выберите Цвет шрифта стрелку, чтобы открыть меню цвета.
  3. Выберите цвет для гиперссылки.

См. также

Данная функция доступна в PowerPoint 2016 для Mac версии 16.14.18061000.

Выбор цвета шрифта

  1. Выберите гиперссылку, которую нужно повторно цвета. (How do I insert a hyperlink?)
  2. На вкладке » Главная » на ленте выберите Цвет шрифта стрелку, чтобы открыть меню цвета.
  3. Выберите нужный цвет для гиперссылки.

См. также

Кнопка

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

Только для участников программы предварительной оценки Office

Эта возможность в настоящее время доступна только участникам программы предварительной оценки Office.

Кнопка

  1. Выберите гиперссылку, которую нужно повторно цвета. (How do I insert a hyperlink?)
  2. На вкладке » Главная » на ленте нажмите кнопку Цвет шрифта , чтобы открыть меню цвета.
  3. Коснитесь цвета, которое необходимо использовать для гиперссылки. Эта функция доступна в настоящее время только для Сотрудников Office. Может использоваться в PowerPoint для iPad версии 2.14.

Кнопка

  1. Выберите гиперссылку, которую нужно повторно цвета. (How do I insert a hyperlink?)
  2. На вкладке » Главная » на ленте коснитесь стрелки Цвет шрифта , чтобы открыть меню цвета.
  3. Коснитесь цвета, которое необходимо использовать для гиперссылки.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

По умолчанию после добавления URL-адреса веб-сайта или вставки гиперссылки для некоторого текста в документ Office, например Word / Excel / PowerPoint, URL-адрес или текст с гиперссылкой отображается подчеркнутым синим цветом. После щелчка URL-адреса или гиперссылки ее цвет меняется с синего на темно-фиолетовый. Некоторым людям могут не нравиться стандартные цвета гиперссылок, и они задаются вопросом, как их изменить. Теперь этот пост покажет вам, как изменить цвет гиперссылки в PowerPoint / Word / Excel 2016.

Часть 1. Изменение цвета гиперссылки в PowerPoint 2016

Шаг 1. Откройте презентацию PowerPoint.

Шаг 2: Выберите вкладку «Дизайн» в строке меню. В крайнем правом углу нажмите кнопку со стрелкой вниз и выберите «Цвета»> «Настроить цвета».

Нажмите настроить цвета

Шаг 3. В диалоговом окне «Создание новых цветов темы» выберите один цвет в качестве цвета гиперссылки и выберите один цвет в качестве цвета гиперссылки, за которым следуют, по своему вкусу. Нажмите кнопку «Сохранить», чтобы сохранить изменения.

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

Советы: изменения, внесенные вами выше, применяются только к текущей презентации PowerPoint, а новые цвета будут сохранены как один пользовательский в вашем приложении PowerPoint 2016.

Часть 2. Изменение цвета гиперссылки в Word 2016

Шаг 1. Откройте документ Word.

Шаг 2: Выберите вкладку «Дизайн» в строке меню.

Выберите вкладку Дизайн

Шаг 3. Щелкните стрелку вниз на кнопке «Цвета» и выберите «Настроить цвета» в раскрывающемся списке.

Настроить цвета

Шаг 4. В диалоговом окне «Создание новых цветов темы» выберите один цвет гиперссылки и цвет гиперссылки по своему усмотрению. Нажмите кнопку «Сохранить», чтобы сохранить изменения.

Часть 3. Изменение цвета гиперссылки в Excel 2016

Шаг 1. Откройте книгу Excel.

Шаг 2. Выберите вкладку «Макет страницы» в строке меню, щелкните стрелку вниз на кнопке «Цвета», а затем выберите «Настроить цвета» в раскрывающемся списке.

Настроить цвета в Excel

Шаг 3. В диалоговом окне «Создание новых цветов темы» выберите гиперссылку и цвета гиперссылки по своему вкусу. Щелкните Сохранить, чтобы сохранить изменения.

Советы: если вы хотите, чтобы гиперссылка не меняла свой цвет после щелчка в PowerPoint / Word / Excel 2016, просто нужно сохранить цвет гиперссылки таким же, как и цвет следующей гиперссылки.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *