按钮式超链接 

<html>
<head>
<meta charset="utf-8">
<title>按钮式超链接</title>
<style type="text/css">
a{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
text-align:center;
margin:5px;
line-height:30px;
}
a:link,a:visited{
color:#a62020;
padding:4px 10px 4px 10px;
background-color:#00FF00;
text-decoration:none;
border-top:1px solid #eee;
border-left:1px solid #eee;
border-bottom:1px solid #717171;
border-right:1px solid #717171;
}
a:hover{
color:#821818;
padding:5px 8px 3px 12px;
background-color:#00CC00;
border-top:1px solid #717171;
border-left:1px solid #717171;
border-bottom:1px solid #eee;
border-right:1px solid #eee;}
</style>
</head>
<body>
<a href="#">Home</a>
<a href="#">Contact Us</a>
<a href="#">Web Dev</a>
<a href="#">Web Design</a>
<a href="#">Map</a>
</body>
</html>

 

posted @ 2019-05-28 09:59  终究是乌云遮了天  阅读(211)  评论(0)    收藏  举报