Javatpoint Logo
Javatpoint Logo

Pure.CSS Menus

Pure.CSS provides vertical menus by default. It is very easy to customize the menus in Pure.CSS because of minimal styling and use of low specificity.

Note: Use the following code to add Pure in your HTML page.


Syntax to create vertical menu


Vertical Menu (Bydefault)

Example

Test it Now

Output:

PureCSS Menus 1

Create Horizontal Menu

You can change the above vertical menu to horizontal menu by adding the class name "pure-menu-horizontal"

Use the following link to add Pure to your HTML.

Example

Test it Now

Output:

PureCSS Menus 2

Selected and Disabled Menu item

You can mark a menu item as selected using the class names "pure-menu-selected" and a menu item as disabled using the class names "pure-menu-disabled"

Example

Test it Now

Output:

PureCSS Menus 3
Next TopicPure.CSS Dropdown




Please Share

facebook twitter google plus pinterest

Learn Latest Tutorials


Preparation


B.Tech / MCA