DIV+CSS网站导航条

简介:这是DIV+CSS网站导航条的详细页面,介绍了和php,有关的知识、技巧、经验,和一些php源码等。

class='pingjiaF' frameborder='0' src='http://biancheng.dnbcw.info/pingjia.php?id=355244' scrolling='no'>

       DIV+CSS网站导航条鼠标放上后有各导航栏目的简短介绍,导航菜单像按钮一样的效果,看上去很漂亮,而且也动感十足,比较不错。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#menu{
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 }
 #menu a,#menu a:visited{
  text-decoration:none;
  text-align:center;
  color:#fff;
  display:block;
  10em;
  padding:0.25em;
  margin:0.5em auto;
  background-color:#8ab;
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  }
#menu a:hover{
 border-color:#345 #cde #def #678;
 }
</style>
</head>
<body>
<div id="menu">
    <a href="#">Home</a>
    <a href="#">Contact Us</a>
    <a href="#">Web Dev</a>
    <a href="#">Web Design</a>
    <a href="#">Map</a>
</div>
</body>

爱J2EE关注Java迈克尔杰克逊视频站JSON在线工具

http://biancheng.dnbcw.info/php/355244.html pageNo:2
原文地址:https://www.cnblogs.com/ooooo/p/2236060.html