如何使用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;}