使用Hbuider编写的顶部导航条菜单栏制作代码(google)
##话不多说直接上效果图
图片:
在这里插入代码片
基本代码:
<style>
.btn{
list-style: none;
border:solid 1px black;
flo·at: left;
text-align: center;
width: 365px;
height: 30px;
line-height: 30px;
background-color: black;
color: white;
}
.btn:hover{
color:white;
font-weight: bold;
background-color: deeppink;
}
a{
text-decoration: none;
color: white;
}
</style>
</head>
<body>
<ul>
<li class="btn"><a href="#">首页</a></li>
<li class="btn"><a href="#">分类</a></li>
<li class="btn"><a href="#">专区</a></li>
<li class="btn"><a href="#">活动</a></li>
<li class="btn"><a href="#">联系我们</a></li>
</ul>
</body>
注:backgroundcolor跟color 元素可以自己调