使用字符“|”，适合导航栏间距不一致时，也就是不适合你。采用背景方式，背景图片即是那条间隔线，需要形成jpg、gif、png格式的小图片，在背景里设置居左，并控制一下垂直位移，这样就会出现你第一张图的要求。
目前创新互联公司已为成百上千的企业提供了网站建设、域名、虚拟空间、网站托管运营、企业网站设计、两当网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
可以通过设置一个span元素，赋予css样式实现。
用CSS设置html中的表格边框样式边框样式值如下：none ： 无边框。与任何指定的border-width值无关 hidden ： 隐藏边框。IE不支持 dotted ： 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5+为点线。
只有当这个值不是 none 时边框才可能出现（就是说，不要none属性，none是不显示的意思）。border有多个边框属性：“颜色、宽度、样式。”而你说的是样式：譬如“dotted solid double dashed。
css column-rule-width属性定义及用法在css中，column-rule-width属性是用在多列布局元素中，用来设置列与列之间分割线的宽度。
1、打开html开发工具，新建一个html代码页面，然后创建一个标签，并给这个标签添加文字和一个class为了dashed。创建代码：dashed： 定义一个虚线边框 设置虚线边框。创建标签，然后在这个标签里设置dashed类的样式为虚线边框。
2、那就看你要怎么去实现这个虚线了，比如实现虚线的方式有用div，有hr水平线方式。
3、首先我们先看一下四边都为虚线边框的DIV。
1、calc()是css3新添加属性，它可以让你使用一个算术表达式来表达长度值，这意味着可以用它来定义p的宽度，并设置margin、padding、border等。
2、timing-function： steps() 一开始在使用CSS3的时候并没有太注意这个timing-function，只是注意到自定义贝塞尔曲线。1)一个项目中的实例先来看看左边加了steps和右边没加的区别。左边的是一锤一锤的，右边会出现影子。
3、媒体查询的使用方式如下：media (min-width：800px) and (max-width：1200px) { ... }即：屏幕分辨率大于800，小于1200的使用这个策略。这样就可以根据不同的屏幕分辨率在css样式里设置图片的宽度了。
4、下面是一个使用伪元素做边框的例子：使用CSS3的边框样式 CSS3提供了很多新的边框样式，如圆角、阴影、渐变等，可以让边框更加丰富多彩。
5、第一个参数：指定渐变方向，可以用“角度”的关键词或“英文”来表示：第一个参数省略时，默认为“180deg”，等同于“to bottom”。第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。
6、使用 backgrou-image 属性里的 linear-gradient 同时声明它的颜色。
