如何使用HTML加CSS写一个导航栏呢？

1、新建一个HTML文件，新建议一个DIV,其中包含多个子DIV，也就是导航的栏目

<div id="container">

<div class="item">写基础导航思路与编程思想</div>

</div>

2、给父元素加样式 

#container{

display: flex;

flex-direction: row;

justify-content: center;

max-width: 1000px;

margin: 0 auto;

}

3、给子元素加样式 

.item {

display: flex;

flex: 1;

/* border-right: 1px solid red; */

justify-content: center;

align-items: center;

color: white;

font-size: 36px;

}