下拉導航是一種常見的網頁元素,用于在頁面底部提供進一步的導航。現在,我們可以通過使用 CSS 來設置下拉導航。
下面是一個簡單的下拉導航示例,它包括一個下拉菜單和一個懸停按鈕:
```html
下面是一個使用 CSS 設置下拉導航的示例:
```css
list-style-type: none;
padding: 0;
margin: 0;
display: inline-block;
margin-right: 20px;
display: block;
width: 100%;
text-decoration: none;
color: #fff;
background-color: #007bff;
border-radius: 5px;
padding: 10px 20px;
a:hover {
background-color: #0069d9;