Инструкция
1
Для задания параметров ссылок в css используются классы и псевдоклассы. Псевдокласс a:link задает стиль для обычной ссылки, a:visited дает возможность настроить отображение уже использованной ссылки. A:active обрабатывает параметры тега <a> при нажатии курсором на элементе, а a:hover задает стиль ссылки при наведении на нее мышью. Вы также можете создавать любой класс для элемента самостоятельно, а в параметрах использовать стандартные операторы для форматирования текста.
2
Для отключения отображения подчеркивания текста ссылки в браузере используется параметр text-decoration: none. Вы можете указать данный атрибут как в классе, так и псевдоклассе для элемента <a>. Для изменения цвета ссылки используется параметр color, для размера – стандартный атрибут font-size. Если вы хотите включить жирное начертание шрифта или курсив, воспользуйтесь параметром font-weight.
3
Откройте ваш файл html при помощи любого текстового редактора, который вы используете для редактирования кода страницы. После этого перейдите в раздел <head></head> вашего документа и задайте код css будущим ссылкам на странице при помощи дескриптора <style></style>. Например:

<head>
<title>Изменение ссылок</title>
<style type = “text/css”>
a:link { text-decoration: none;
font-size: 14px;
font-weight: bold;
color: red; }
</style>
</head>
4
В данном коде производится удаление из обычной ссылки линии подчеркивания, задание размера текста в 14 пикселей, применение жирного стиля начертания и красный цвет элемента. Теперь любая ссылка в теге <a> будет отображаться в таком виде.
5
Вы можете задать стиль для каждой конкретной ссылки, используя классы css. Таким образом, если код в теге <style></style> будет иметь вид:

a.link1 { font-size: 20px; color: black;}
6
Вы сможете задать размер 20 пикселей и черный цвет ссылке, воспользовавшись классом в теле документа следующим образом:

<a href = “путь ссылки” class = “link1”>Ссылка</a>

Из примера видно, что ссылке был присвоен созданный шаг назад класс кода css при помощи указания атрибута class ссылки <a>. Теперь данная ссылка будет отображаться в черном цвете и иметь размер в 20 пикселей. Для изменения данного атрибута поправьте код css раздела < head></head> страницы.
7
Изменение внешнего вида ссылки завершено, вы можете сохранить произведенные изменения в файле и запустить его для просмотра в браузере.