charset="utf-8">
title>
type="text/css">
/*隱藏checked核取方塊*/
#sidemenu
#sidemenu
:checked + aside
#sidemenu
:checked ~ #wrap
aside
h2/*控制側邊欄進出的按鈕（外部包裹）*/
#wrap
/*控制側邊欄進出的按鈕（內部文字樣式）*/
label
label
:hover
#sideul
li a
#sideul
li:hover
style>
head>
type='checkbox'
id='sidemenu'>
主選單h2>
id="sideul">
href="##">
首頁li>
a>
href="##">
style="color: orange;">導航1li>
a>
href="##">
導航2li>
a>
href="##">
導航3li>
a>
href="##">
導航4li>
a>
href="##">
導航5li>
a>
href="##">
導航6ʳli>
a>
ul>
aside>
id='wrap'>
id='sidemenucontrol'
for='sidemenu'>≡label>
div>
body>
html>
側邊導航欄只展開當前的導航
antd 實現側導航欄只展開當前導航，其他關閉，效果如下 選單的資料結構是這樣的，子選單要包含主選單的名字 antd導航有個openkeys屬性和onopenchange事件，執行onopenchange事件時，把展開的列表賦值過去 選中當前選單收起其他選單 onopenchange openkey...
純css實現炫酷側邊欄
有疑問的小夥伴可以深入 學習?網頁展示 pc端更佳 html結構 lang en dir ltr charset utf 8 側邊欄title rel stylesheet type text css href css siderbar.css href css font awesome.min.c...
Vue 設定導航欄 側邊欄為公共頁面
首先，專案結構如下 此時執行會發現，所有的頁面都被加上了這兩個公共頁面，而實際場景中，我們往往希望登入頁是不需要導航欄和側邊欄的，那麼就需要規避掉登入頁。index.js 如下 import vue from vue import router from vue router import hell...