“导航条”的版本间的差异

来自通约智库
跳转至： 导航、 搜索
第49行： 第49行：
  
 
</div>
 
</div>
 +
 +
<style type="text/css">
 +
 +
 +
 +
#nav ul {
 +
 +
Width:1000px;   
 +
 +
height:40px;     
 +
 +
margin:30px auto;
 +
 +
padding:0;
 +
 +
list-style:none;
 +
 +
border-top:solid 5px #DAA520;   
 +
 +
border-bottom:solid 5px #DAA520;
 +
 +
background:url(images/navig-bg.jpg)
 +
 +
}
 +
 +
 +
 +
#nav ul li {
 +
 +
width:100px;
 +
 +
float:left;
 +
 +
text-align:center;
 +
 +
font:16px/2.5 "microsoft yahei";
 +
 +
}
 +
 +
#nav ul li a {
 +
 +
color:#800080; text-decoration:none;
 +
 +
}
 +
 +
#nav ul li a:hover {
 +
 +
display:block; color:#FFFFFF; background:#DC143C;
 +
 +
}
 +
 +
 +
 +
</style>

2019年12月3日 (二) 10:34的版本

  • 首　　页
  • 关于我们
  • 产品展示
  • 售后服务
  • 联系我们

————————————————


  • <a href="#" title="首页" target="_blank">首页</a>
  • <a href="#" title="国内新闻" target="_blank">国内新闻</a>
  • <a href="#" title="国外新闻" target="_blank">国外新闻</a>
  • <a href="#" title="娱乐新闻" target="_blank">娱乐新闻</a>
  • <a href="#" title="时事新闻" target="_blank">时事新闻</a>
  • <a href="#" title="联系我们" target="_blank">联系我们</a>

————————————————


<style type="text/css">


  1. nav ul {

Width:1000px;

height:40px;

margin:30px auto;

padding:0;

list-style:none;

border-top:solid 5px #DAA520;

border-bottom:solid 5px #DAA520;

background:url(images/navig-bg.jpg)

}


  1. nav ul li {

width:100px;

float:left;

text-align:center;

font:16px/2.5 "microsoft yahei";

}

  1. nav ul li a {

color:#800080; text-decoration:none;

}

  1. nav ul li a:hover {

display:block; color:#FFFFFF; background:#DC143C;

}


</style>

取自“http://wiki.sseuu.com/index.php?title=导航条&oldid=23461”