“导航条”的版本间的差异
| 第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">
- 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>