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

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

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

черный (щелчок) > синий (отпустите) > черный

Вместо этого мне нужно:

черный (щелчок) > синий (отпустите) > синий

Есть ли способ сделать это с CSS? Edit: я должен упомянуть, что я не хочу, чтобы браузер стилизовал посещенные ссылки, поэтому я не могу использовать :visited .

4 ответа

  • как изменить цвет кнопки при нажатии на нее в java

У меня около 50 кнопок .some зеленые (выбраны), некоторые серые (сняты). Если я нажму зеленые кнопки, они должны изменить свой цвет на красный и обратно на зеленый при повторном нажатии. Если я нажму серые кнопки, они должны изменить свой цвет на зеленый и обратно на серый при повторном нажатии.

Мне нужно временно изменить цвет фона нажатого button на 0.5 секунд, а затем вернуть его к исходному цвету. Я пробовал использовать pausetransition, но я действительно Новичок в java и не уверен, как правильно его использовать. Прямо сейчас лучшее, что я могу сделать, это заставить he button.

Использование :посетил, чтобы установить цвет ссылки, которые были посещены.

Вы можете использовать комбинацию атрибута tabindex и селектора :focus для ваших якорных элементов.

Если вы на самом деле не направляете пользователей на новую страницу и просто хотите изменить цвет якоря, используйте javascript: сначала вы должны дать своим ссылкам класс типа .changeable

тогда вы можете использовать javascript следующим образом:

и html :

  • Как изменить цвет фона div при нажатии на ссылку внутри

Как изменить цвет фона на зеленый при нажатии на ссылку и сохранить зеленый цвет до тех пор, пока я снова не нажму на ссылку, тогда цвет должен быть белым У меня есть этот код до сих пор:

Я хочу изменить цвет ссылки onclick, ссылки основаны на ajax, я много пробовал, но не добился успеха, как я могу изменить его, действие запроса происходит на этой странице.

установите visited/ непрошеных цветов как один и тот же.

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

Похожие вопросы:

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

У меня есть ссылка на странице HTML: foo Цвет текста ссылки изначально синий. При нажатии на ссылку цвет текста ссылки сначала меняется на красный, а затем снова на.

Как я могу изменить цвет ссылки после того, как она была выбрана, чтобы она оставалась новым цветом, но только до тех пор, пока не будет выбрана другая ссылка, и тогда она изменится back.I’m.

У меня около 50 кнопок .some зеленые (выбраны), некоторые серые (сняты). Если я нажму зеленые кнопки, они должны изменить свой цвет на красный и обратно на зеленый при повторном нажатии. Если я.

Мне нужно временно изменить цвет фона нажатого button на 0.5 секунд, а затем вернуть его к исходному цвету. Я пробовал использовать pausetransition, но я действительно Новичок в java и не уверен.

Как изменить цвет фона на зеленый при нажатии на ссылку и сохранить зеленый цвет до тех пор, пока я снова не нажму на ссылку, тогда цвет должен быть белым У меня есть этот код до сих пор: <%.

Я хочу изменить цвет ссылки onclick, ссылки основаны на ajax, я много пробовал, но не добился успеха, как я могу изменить его, действие запроса происходит на этой странице.

Мне нужно изменить цвет ссылки при нажатии. Если я использую event.preventDefault(); цвет применяется постоянно, но ссылка не работает, то uri не передается, и тогда я не могу использовать.

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

Я новичок css, и мне трудно изменить цвет кнопки при нажатии. Обычно при нажатии кнопки цвет кнопки становится синим в течение очень короткого периода времени. Я хочу, чтобы она вместо того, чтобы.

Internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

Задача

Изменить цвет ссылки и фон под ней.

Решение

Используйте стилевое свойство color для задания цвета текста и background для изменения цвета фона под ссылкой, добавляя их к селектору A , как показано в примере 1.

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

HTML5 CSS 2.1 IE Cr Op Sa Fx

Результат данного примера показан ни рис. 1.

Вид ссылок, у которых изменён цвет и фон

Рис. 1. Вид ссылок, у которых изменён цвет и фон

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

В Википедии цвет ссылки указывает на состояние целевой страницы. Стандартные ссылки имеют следующие цвета:

Тип Код Описание
Синяя ссылка #0645AD / rgb(6,69,173) Страница, в данный момент существующая в Википедии
Тёмно-синяя ссылка #0B0080 / rgb(11,0,128) То же, и уже была посещена
Красная ссылка #CC2200 / rgb(204,34,0) Страница не существует
Светло-красная ссылка #A55858 / rgb(165,88,88) То же, и уже была посещена
Голубая ссылка #3366BB / rgb(51,102,187) Страница другого вики-проекта
Фиолетовая ссылка #663366 / rgb(102,51,102) То же, и уже была посещена

Изменение в личных настройках [ править код ]

Вы также можете изменить цвета ссылок, редактируя ваш CSS-файл.

Стандартные селекторы ссылок:

  • a: link — стиль не посещённых ссылок
  • a: visited — стиль уже посещённых ссылок
  • a: active — стиль ссылки, на которую наведён курсор
  • a: hover — стиль ссылки, над которой находится курсор

Цвета изменяются в соответствии со стандартами: Цвета HTML.

  • строка a: hover должна идти после a: link и a: visited
  • строка a: active должна идти перед a: hover
  • вы должны приписать «.mw-body» перед стандартным описанием ссылки, потому что в противном случае стандартные цвета всё-равно будут доминировать над теми, которые вы установили.

Ссылки-перенаправления

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

Другие изменения [ править код ]

Вы также можете форматировать текст другими способами.

Тег позволяет создавать такие декорации, как подчёркивание, перечёркивание, линия над текстом. Пример (подчёркивание):

  • none — ничего (по умолчанию)
  • underline — подчёркивание
  • overline — линия над текстом
  • line-through — перечёркивание

font-family

Как в css поменять цвет ссылки