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

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов

Перезагрузите страницу
Опции темы
Я настройка

  • Страница 1 из 1
  • 1
Модератор форума: iNNERPARTYSYSTEM, uberchel  
Форум » HTML » Уроки » Изменяем цвет ссылки
Изменяем цвет ссылки
Best_Studio
04.09.2011, 20:06
Изменено: DeBiaN - Воскресенье, 04.09.2011, 20:07

Группа: Координатор

Сообщений: 186

Награды: 7

Статус: Offline
Как изменить цвет ссылки HTML


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

Code
<a href="http://ucodes.ru/" title="Ссылка HTML">Изменяем цвет ссылки</a>


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

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

Code
<a href="http://ucodes.ru/" title="Ссылка HTML" style="color:#FF0000; text-decoration:none">Изменяем цвет ссылки</a>


Есть и другой способ изменить внешний вид ссылки. Для этих целей используются таблицы стилей 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
}

Создайте два файла.

Первый index.html с таким содержимым:
Code
    
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
       
<a href="http://ucodes.ru/" title="Ссылка HTML">Изменяем цвет ссылки</a>

</body>
</html>


А второй назовите style.css. В нем запишите следующее:
Code
    
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
}


Изменяя значения свойств можно менять внешний вид ссылок.
Форум » HTML » Уроки » Изменяем цвет ссылки
  • Страница 1 из 1
  • 1
Поиск: