先看案例效果演示：
這個(gè)也是很簡單和常見的側(cè)邊欄效果这橙，基礎(chǔ)布局一樣只需要一個(gè)div 加下面的a標(biāo)記，點(diǎn)擊跳轉(zhuǎn)就可以了导披。這里是一個(gè)效果所以鏈接給一個(gè)# 不用跳轉(zhuǎn)就可以了屈扎，這個(gè)是基礎(chǔ)的html 布局部分：
這個(gè)里有一個(gè)操作就是點(diǎn)擊，通常點(diǎn)擊是用JS 來做撩匕，而CSS3 也和可以點(diǎn)擊效果的憔辫，通過input 和 label綁定就可以了寝优。
這里注釋都寫好了，看著這個(gè)代碼多寫多敲幾遍 基本都沒有多少問題了，點(diǎn)擊的實(shí)現(xiàn)靠的是 ：checked這個(gè)屬性顾瞪，同時(shí)適當(dāng)?shù)挠?CSS3得分選擇器松逊，就簡單許多了背伴。
?
