按钮式超连接

 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=utf-8"   />
< title > 无标题文档 </ title >
< style  type ="text/css" >
a{}{
/**//*统一设置所有样式*/
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
text-align:center;
margin:3px;
}
a:link,a:visited{}{
/**//*超链接正常状态，被访问过的样式*/
color:#a62020;
padding:4px 10px;
background-color:#ecd8db;
text-decoration:none;
border-top:1px solid #eee;/**//*边框实现阴影效果*/
border-left:1px solid #eee;
border-right:1px solid #717171;
border-bottom:1px solid #717171;
}
a:hover{}{
/**//*鼠标经过时的超链接*/
color:#821818;/**//*改变文字颜色*/
padding:5px 8px 3px 12px;/**//*改变文字位置*/
background-color:#e2c4c9;/**//*改变背景*/
border-top:1px solid #717171;
border-left:1px solid #717171;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
}
</ style >
</ head >

< body >
< a  href ="#" > Home </ a >
< a  href ="#" > Contact </ a >
< a  href ="#" > Web Dev </ a >
< a  href ="#" > Web Design </ a >
< a  href ="#" > Map </ a >
</ body >
</ html >

转载于:https://www.cnblogs.com/suzongwei/archive/2008/06/13/1219885.html