Лекционный и практический материал по теме Ссылки с помощью CSS

Практическая работа №4 Ссылки
Задание 1
<style type="text/css">a:link {color:#FF0000;} /* непосещенная ссылка */a:visited {color:#00FF00;} /* посещенная ссылка */a:hover {color:#FF00FF;} /* ссылка, над которой находится курсор мыши */a:active {color:#0000FF;} /* ссылка в момент щелчка мышью */</style>
Задание 2Используя свойство text-decoration изменить ссылки, используя этот же текст в просмотре браузера.
Задание 3
Добавить фон ссылки

Задание 4
<style type="text/css">a.one:link {color:#ff0000;}a.one:visited {color:#0000ff;}a.one:hover {color:#ffcc00;}
a.two:link {color:#ff0000;}a.two:visited {color:#0000ff;}a.two:hover {font-size:150%;}
a.three:link {color:#ff0000;}a.three:visited {color:#0000ff;}a.three:hover {background:#66ff66;}
a.four:link {color:#ff0000;}a.four:visited {color:#0000ff;}a.four:hover {font-family:monospace;}
a.five:link {color:#ff0000;text-decoration:none;}a.five:visited {color:#0000ff;text-decoration:none;}a.five:hover {text-decoration:underline;}</style>

. Задание 5
Создайте ссылки в виде кнопки.