Как создать свой сайт на языках HTML и CSS.
Внешний вид ссылки.
Ссылки бывают четырех видов:
a:link-непосещённая ссылка,
a:visited-посещённая ссылка,
a:hover-курсор мыши над ссылкойє(Т.ее когда мы будем подводить стрелку на ссылку её цвет будет менятся),
a:active-ссылка которую мы выбрали(Т.е если мы нажмём на ссылку,перейдя в данный раздел,то эта ссылка будет гореть определённым цветом который мы ей зададим,пока не нажмём на пустое место.).
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
a:link{color:#000000;}
a:visited{color:#070A46;}
a:hover{color:##0c9c0d}
a:active{color:#ffffff}
</style>
</head>
<body>
<a href="index17.html">Текст ссылки</a>
</body>
</html>
Страница в браузере:
Фон ссылки.
Для того,чтобы задать он ссылки нужно вместо свойства color, задать ей свойство background-color.
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
a:link{background-color:#000000;}
a:visited{background-color:#070A46;}
a:hover{background-color:##0c9c0d}
a:active{background-color:#ffffff}
</style>
</head>
<body>
<a href="index17.html">Текст ссылки</a>
</body>
</html>
Страница в браузере:
Подчёркивание ссылки.
Для того,чтобы изменить подчёркивание ссылки используется свойство text-decoration.Оно может иметь 4 значения:
line-through-текст ссылки будет зачёркнутым
overline-над текстом будет проведена черта
underline-текст ссылки будет подчёркнутым
none-это значение отменяет все подчёркивания.
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.qwerty{text-decoration:line-through; color:#0c9c0d;}
.qwerty1{text-decoration:overline; color:#0c9c0d;}
.qwerty2{text-decoration:underline; color:#0c9c0d;}
.qwerty3{text-decoration:none; color:#0c9c0d;}
</style>
</head>
<body>
<a class="qwerty"href="index17.html">Текст ссылки</a>
<a class="qwerty1" href="index17.html">Текст ссылки</a>
<a class="qwerty2" href="index17.html">Текст ссылки</a>
<a class="qwerty3" href="index17.html">Текст ссылки</a>
</body>
</html>
Страница в браузере: