Shulou(Shulou.com)06/01 Report--

This article mainly introduces how to use css code to make the site navigation bar, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

Vertical navigation bar

Css vertical navigation code example

Ul

{

List-style-type:none

Margin:0

Padding:0

}

A

{

Display:block

Width:60px

Background-color:#dddddd

}

Home

News

Contact

About

The above effect is shown below:

4938c46823e03a3b083cb57c74304db.png

two。 Horizontal navigation bar

Css horizontal navigation bar code example

Ul

{

List-style-type:none

Margin:0

Padding:0

}

Li

{

Display:inline

}

Home

News

Contact

About

Thank you for reading this article carefully. I hope the article "how to use css code to make a website navigation bar" shared by the editor will be helpful to you. At the same time, I also hope you can support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.