CSS菜單的用法有以下幾種:
水平菜單:使用display屬性將菜單項水平排列,可以使用float屬性或者flexbox布局來實現。
垂直菜單:使用display屬性將菜單項垂直排列,可以使用display: block或者display: flex來實現。
下拉菜單:使用position屬性和z-index屬性將子菜單隱藏在主菜單下方,當鼠標懸停或點擊主菜單時,顯示子菜單。
導航菜單:使用list-style-type屬性和text-align屬性將菜單項顯示為水平的導航欄。
響應式菜單:使用媒體查詢和CSS偽類來實現在不同屏幕大小下顯示不同的菜單布局,可以使用媒體查詢來隱藏或顯示不同的菜單項。
鼠標懸停效果:使用:hover偽類來實現鼠標懸停在菜單項上時的樣式變化,如改變背景顏色、字體顏色等。
點擊效果:使用:active偽類來實現菜單項被點擊時的樣式變化,如改變背景顏色、字體顏色等。
動畫效果:使用CSS過渡或動畫屬性來實現菜單項的動畫效果,如淡入淡出、滑動等。
以上是一些常見的CSS菜單用法,具體的樣式和效果可以根據需求進行調整和擴展。