左边的导航栏怎么写 前端 jsp
时间: 2024-05-10 11:18:45 浏览: 8
可以使用 HTML 和 CSS 配合 JSP 来实现导航栏。
首先,在 JSP 页面中创建一个 `<ul>` 标签来存储导航栏的选项。然后,使用 `<li>` 标签来创建每个选项。
例如:
```jsp
<ul class="nav-bar">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
```
然后,使用 CSS 来为导航栏添加样式,例如:
```css
.nav-bar {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #333;
}
.nav-bar li {
float: left;
}
.nav-bar li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.nav-bar li a:hover {
background-color: #111;
}
```
这段 CSS 代码会将导航栏设置为无序列表,去除默认的填充和边距,并添加背景颜色。每个选项都会浮动在左侧,并且链接会显示为块级元素,并且在鼠标悬停时会显示背景颜色。
最后,将 CSS 样式表链接到 JSP 页面中,就可以在浏览器中看到样式应用到导航栏上了。