按钮式超链接效果-飞搜信息网

按钮式超链接效果

时间:2015/12/1 10:45:00来源:互联网作者:flyso 点击: 873 次

<html><HEAD><TITLE>效果演示</TITLE>
< META http-equiv=Content-Type content="text/html; charset=gb2312">
< style>
A{font-size:12px;PADDING: 3px;BACKGROUND-COLOR: #dbe8f2;TEXT-DECORATION: none}
A:link
{
    BORDER-RIGHT: #5e8aca 1px solid; BORDER-TOP: #A0C0EE 1px solid; MARGIN: 0px; BORDER-LEFT: #A0C0EE 1px solid;  COLOR: #0E4279;  BORDER-BOTTOM: #5e8aca 1px solid;
}
A:visited
{
    BORDER-RIGHT: #5e8aca 1px solid; BORDER-TOP: #A0C0EE 1px solid; MARGIN: 0px; BORDER-LEFT: #A0C0EE 1px solid;  COLOR: #366AB3; BORDER-BOTTOM: #5e8aca 1px solid;
}
A:active {
    BORDER-RIGHT: #5e8aca 1px solid; BORDER-TOP: #A0C0EE 1px solid; MARGIN: 0px; BORDER-LEFT: #A0C0EE 1px solid;  COLOR: #5e8aca; BORDER-BOTTOM: #5e8aca 1px solid;
    }
A:hover
{
    BORDER-RIGHT: #A0C0EE 1px solid; BORDER-TOP: #5e8aca 1px solid; MARGIN: 1 0 0 1;BORDER-LEFT: #5e8aca 1px solid; COLOR: #000000; BORDER-BOTTOM: #A0C0EE 1px solid;
}
< /style></HEAD>
< BODY>
< P><A href="">为什么你非要点我？</A> </P></BODY></html>