How CSS implements horizontal navigation and vertical navigation bar (code)

This article brings to you the content is about the CSS to achieve horizontal navigation and vertical navigation bar Method (code), there is a certain reference value, the need for friends can refer to, I hope to help you.

First, vertical navigation

<! DOCTYPE html>
Operation Result:


Second, horizontal navigation:

<! DOCTYPE html>
Operation Result:


Attention:

1. The display=block of a tag lets the link be a clickable area rather than a text.

2. A link is specified as a block element and can be set to a width so that the width of each link looks the same.