Navigation Bar
- 就是多個連結的清單
範例樣式列表
- 純HTML樣式
- Reset樣式
- Item改區塊
- 垂直導覽列
- 有邊框區塊導覽列
- 固定式導覽列(側邊)
- 水平導覽列
- inline版本
li {
display: inline;
}
- floating版本
li {
float: left;
}
- 固定式導覽列(最上方)
ul {
position: fixed;
top: 0;
}
- 固定式導覽列(最下方)
ul {
position: fixed;
bottom: 0;
}
- 導覽列(sticky)
ul {
position: sticky;
top: 0;
}
沒有留言:
張貼留言