Link css color: :link — CSS: Cascading Style Sheets

Вот состояний , для которых вы можете изменить цвет ссылки с помощью CSS:

• a:link — unvisited.
• a:hover – при наведении на него указателя мыши.
• a:active — когда пользователь переходит по ссылке.
• а:посетили – посещенная ссылка.

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

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

Чтобы изменить цвет ссылки, значение CSS должно быть присвоено свойству стиля цвета. Существует несколько способов описания цветов. Вы можете использовать названия цветов, индикаторы RGB ( rgb() ) или индикаторы HEX ( #ffffff ).

В следующем примере ссылке CSS назначается цвет :

Я ссылка

Пример

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

Попробуйте вживую Узнайте на Udacity

Не упустите шанс попробовать нашу новую цветовую шкалу Pickeristic для настройки цветов ссылок CSS.

Совет: Pickeristic предоставляет вам RGB , HSLA индикаторы и другие коды цветов. Вы можете создать наборов цветов для своего проекта, генерировать цветов случайным образом и даже смешивать их.

Pros

• Simplistic design (no unnecessary information)
• High-quality courses (even the free ones)
• Variety of features

Main Features

• Nanodegree programs
• Suitable for enterprises
• Оплаченные сертификаты о завершении

Эксклюзив: 75% скидка

ПРОФИЯ

• Легко для навигации
• НЕТ ТЕХНИЧЕСКИЕ ПРОБЛЕМЫ
• , кажется, не позаботятся о своих пользователях

ОТ 12,99$

Pros

• Отличный пользовательский интерфейс
• предлагает качественное содержание
• Очень прозрачно с их ценами

Основные функции

• БЕСПЛАТНЫЙ СЕРТИКАТЫ
• СПАСКОЛЬКА
.

По умолчанию ссылки имеют подчеркиваний . Чтобы удалить подчеркивание ссылки с помощью CSS, используйте свойство оформления текста CSS.

Имеет четыре возможных значения: подчеркнутый, надчеркнутый, сквозной, и нет.

В приведенном ниже примере CSS удаляет подчеркивание из ссылки, добавляя text-decoration:none; . Мы установили значений text-decoration для каждого состояний ссылки с помощью CSS: только активных и состояний наведения имеют подчеркивание:

Пример

 a:link {
    текстовое оформление: нет;
}

а: посетил {
    текстовое оформление: нет;
}

а: наведите {
    оформление текста: подчеркивание;
}

а: активный {
    оформление текста: подчеркивание;
} 

Попробуйте в прямом эфире Учитесь на Udacity

Цвет фона

Помимо настройки цвета ссылки в CSS, можно добавить свойство background-color.

Я ссылка

Пример

 a:link {
    цвет фона: зеленый;
}

а: посетил {
    цвет фона: синий;
}

а: наведите {
    цвет фона: красный;
}

а: активный {
    цвет фона: розовый;
} 

Попробуйте в прямом эфире. Учитесь на Udacity

Свойство похоже на цвет ссылки CSS. Вы также можете использовать те же индикаторы стоимости.

Совет: обычно устанавливается цвет фона в состоянии наведения .

Управление цветом ссылки с помощью CSS — это еще не все. Разработчики обычно используют ссылки в стиле как кнопок (например, для навигационного меню веб-сайтов).


 
Вот свойства CSS , необходимые для стилизации кнопок или вкладок, ведущих к другим частям веб-сайта:

• цвет — для установки цвета текста, представляющего ссылку
• background-color — для добавления цветов к кнопке
• padding — для определения размера кнопки
• text-decoration — убрать подчеркивание у ссылок
• text-align — установить выравнивание ссылок
• display — для описания того, как должна отображаться ваша ссылка

В этом примере мы объединяем эти свойства CSS для отображения ссылок в виде кнопок :

Пример

 a:link, a:visited {
    цвет фона: фиолетовый;
    граница: нет;
    цвет: #FFFFFF;
    отступ: 15px 32px;
    выравнивание текста: по центру;
    -webkit-transition-duration: 0,4 с;
    продолжительность перехода: 0,4 с;
    текстовое оформление: нет;
   размер шрифта: 16 пикселей;
   курсор: указатель;
   отображение: встроенный блок;
}

а: наведение, а: активный {
   цвет фона: #6D0062;
} 

Попробуйте вживую.