коллекция эффектов для ссылок

коллекция эффектов для ссылок:
подчеркивание, зачеркивание, рамочка, заливка...

Это не скрипты, а маленькие секреты html :)
Для каждого эффекта — своя линка с примером!

пример-1:
зачеркивание ссылки
Вставляем в head:
<style type="text/css"> a:hover{color:red; text-decoration: line-through; } a{color:#FF00CC; text-decoration:none; } </style>


пример-2:
подчеркивание ссылки
Вставляем в head:
<style type="text/css"> a:hover{color:red; text-decoration: underline; } a{color:#FF00CC; text-decoration:none; } </style>


пример-3:
двойное подчеркивание ссылки
Вставляем в head:
<style type="text/css"> a:hover{color:red; text-decoration: underline overline; } a{color:#FF00CC; text-decoration:none; } </style>


пример-4:
пунктирная рамочка вокруг ссылки
Вставляем в head:
<style type="text/css"> a:hover{BORDER-RIGHT: red 1px dashed; BORDER-TOP: red 1px dashed; RIGHT: 0px; BORDER-LEFT: red 1px dashed; COLOR: red; BOTTOM: 0px; BORDER-BOTTOM: red 1px dashed; POSITION: relative; TEXT-DECORATION: none; } a{color:#FF00CC; text-decoration:none; } </style>


пример-5:
увеличение жирности ссылки
Вставляем в head:
<style type="text/css"> a:hover{font-weight: bolder; TEXT-DECORATION: none; } a{color:#FF00CC; text-decoration:underline; } </style>


пример-6:
исчезающее подчеркивание
Вставляем в head:
<style type="text/css"> a:hover{color:red; text-decoration: none; } a{color:#FF00CC; text-decoration:underline; } </style>


пример-7:
заливка ссылок при наведении мышки
Вставляем в head:
<style type="text/css"> a:hover{color:red; BORDER-TOP: #FFCCFF 1px solid; BACKGROUND: #FFCCFF ; BORDER-BOTTOM: #FFCCFF 1px solid; text-decoration: none; } a{color:#FF00CC; text-decoration:none; } </style>


пример-8:
красивые тускнеющие ссылки
Вставляем в head:
<style type="text/css"> a:hover{ FILTER: Alpha(Opacity=70, FinishOpacity=6, Style=2); COLOR: red; HEIGHT: 10px; TEXT-DECORATION: none;} a{color:#FF00CC; text-decoration:none; } </style>


пример-9:
верхнее подчеркивание ссылки
Вставляем в head:
<style type="text/css"> a:hover{color:red; text-decoration: overline; } a{color:#FF00CC; text-decoration:none; } </style>