在网页设计中,导航栏起着非常关键的作用。CSS样式表可以帮助我们快速地设置好导航栏的样式。下面就来介绍一下如何设置导航栏。首先,我们需要利用HTML语言先写好导航栏的结构。通常情况下,一个导航栏是由一
<br> <br>
<ul><br>
<li><a href="#">导航1</a></li><br>
<li><a href="#">导航2</a></li><br>
<li><a href="#">导航3</a></li><br>
</ul><br>
<br> <br>
ul {<br>
list-style: none;<br>
margin: 0;<br>
padding: 0;<br>
text-align: center;<br>
}<br>
li {<br>
display: inline-block;<br>
padding: 10px 20px;<br>
background-color: #eee;<br>
}<br>
a {<br>
color: #333;<br>
text-decoration: none;<br>
}<br>
<br> <br>
li:hover {<br>
background-color: #ccc;<br>
}<br>
粉丝
0
关注
0
收藏
0