两种方法
创新互联专注于鲅鱼圈企业网站建设,响应式网站开发,商城网站建设。鲅鱼圈网站建设公司,为鲅鱼圈等地区提供建站服务。全流程按需制作，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务
1.带竖线的字，在每个导航标记后面加入 '|'这个就是竖线
2.直接用边框
单个导航的样式加上:border-right:1px solid #ddd;
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的style标签中，输入css代码：
div {margin-left: 100px; border-right:1px dashed black; height:150px; width:1px;}
3、浏览器运行index.html页面，此时成功用css和div实现了垂直的点虚线。
div style="border-left: 1px dashed #000;height:100%;line-height:1px;"/div