首先插入一段CSS来控制菜单效果
/* nav menu
----------------------------------------------- */
#nav{
background-color: #009900;
position: relative;
width: 92%;
height:40px;
font-weight: bold;
}
#nav_menu{
list-style-type:none;
height:40px;
margin:0 auto;
padding:0;
}
#nav a{
padding:0 0px 0 0px;
text-align: center;
display:block;
text-decoration:none;
line-height:40px;
background-color: #009900;
color:#ffffff;
width: 90px;
border-left-style: solid; border-left-width: 1px; border-left-color: #cccccc
}
#nav a:hover{
padding:0 0px 0 0px;
background-color: #cccccc;
color:#000000;
}
#nav_menu li{
float:left;
display:inline;
margin:0;
height:40px;
padding:0 0px 0 0px;
}
/* Content
----------------------------------------------- */
然后在
<div id='content-wrapper'>
前面插入下面代码:
<div id='nav'>
<ul id='nav_menu'>
<li><a href='http://songqingwei.blogspot.com/' style='background-color:#cccccc; color:#000000'>首页</a></li>
<li><a href='http://songqingwei.blogspot.com/search/label/标签1'>标签1'</a></li>
<li><a href='http://songqingwei.blogspot.com/search/label/标签2'>标签2'</a></li>
</ul>
</div>
绿色字体为你的博客地址,
红色字体为你用来分类的标签名称!
0 评论:
发表评论