Инструкция
1
Возьмите в качестве примера любую строчку текста, которую вы хотите сделать ссылкой. Для работы вам потребуется параметр text-decoration: none. Если его добавить в код страницы в определенном месте, подчеркивание ссылки исчезнет.
Найдите следующий код, и после литеры «А» вводите указанный выше стилевой параметр текста.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
A {
text-decoration: none
}
Найдите следующий код, и после литеры «А» вводите указанный выше стилевой параметр текста.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
A {
text-decoration: none
}
2
Изменив код таким образом, вы убрали подчеркивание ссылки. Теперь, если вы хотите сделать так, чтобы подчеркивание снова появлялось только при наведении на ссылку курсора, а ее цвет при наведении менялся, скажем, на красный, дополните код следующими параметрами:
A:hover {
text-decoration: underline;
color: red
}
Здесь, как видите, появился снова параметр подчеркивания и параметр цвета.
A:hover {
text-decoration: underline;
color: red
}
Здесь, как видите, появился снова параметр подчеркивания и параметр цвета.
3
Здесь, как видите, появился снова параметр подчеркивания и параметр цвета.
Добавьте к описанным выше частям кода последнюю третью часть, она будет завершающей, и в ней вы введете непосредственно сам текст ссылки, на которой можно будет проверить получившийся эффект.
</style>
</head>
<body>
<a href="link.html">Проверочный текст ссылки
</body>
</html>
Добавьте к описанным выше частям кода последнюю третью часть, она будет завершающей, и в ней вы введете непосредственно сам текст ссылки, на которой можно будет проверить получившийся эффект.
</style>
</head>
<body>
<a href="link.html">Проверочный текст ссылки
</body>
</html>