用dw做一个导航条
时间: 2023-10-12 11:14:48 浏览: 163
可以使用以下步骤在 Dreamweaver 中创建一个导航条:
1. 创建一个无序列表 `<ul>`,用于存储导航链接列表。
2. 在 `<ul>` 中添加列表项 `<li>`,并为每个列表项添加一个链接 `<a>`。
3. 为 `<ul>` 和 `<li>` 添加样式,使其呈现为水平排列的导航条。
4. 添加鼠标悬停样式,以提高用户体验。
下面是一个简单的示例代码:
```html
<nav>
<ul>
<li><a href="#">链接1</a></li>
<li><a href="#">链接2</a></li>
<li><a href="#">链接3</a></li>
<li><a href="#">链接4</a></li>
</ul>
</nav>
```
可以使用以下 CSS 样式来为导航条添加样式:
```css
nav {
background-color: #333;
height: 50px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}
```
这些样式将导航条设置为黑色背景、白色文本、水平排列,并在鼠标悬停时显示深色背景。
阅读全文