css用背景图片制作导航栏分割线

1、使用字符“|”，适合导航栏间距不一致时，也就是不适合你。采用背景方式，背景图片即是那条间隔线，需要形成jpg、gif、png格式的小图片，在背景里设置居左，并控制一下垂直位移，这样就会出现你第一张图的要求。

网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、微信平台小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了琼结免费建站欢迎大家使用！

2、思路：对ul里的li设置排成一排所以需要设置一个CSS display：inline让li排成一排，从而让li并排布局。

3、首先想charm678的回答就首先不可能。第一个，装修不可能出现id。不支持用id选择。另外。兄弟的css单独写的。这就必须是旺铺旗舰版或者旗舰店才可以实现独立自定义CSS。但前提也不可以用id作为选择。

懂点css进一下,li做的导航条的分割竖线怎么变得短一些??

1、使用字符“|”，适合导航栏间距不一致时，也就是不适合你。采用背景方式，背景图片即是那条间隔线，需要形成jpg、gif、png格式的小图片，在背景里设置居左，并控制一下垂直位移，这样就会出现你第一张图的要求。

2、一，可以在每个li中加入“|”试试吧。

3、可以使用一个空的div来充当竖线。

4、追问： 导航内容是数据库读出来的，竖线也是函数读出来的。要是只是CSS的话就简单了 呵呵，竖线肯定不是数据里的，如果是数据里，你就更好改了，修改最后一个导航的数据，去掉竖线不就行了。

5、添加了分割线图片（background：url(../images/cai_01a.jpg) no-repeat）。

怎么在CSS里设置导航的分割线

1、li里面要包含a标签，然后把a标签变成块，再给a标签一个右边框，就是你说的分割竖线，这样来控制a标签的高，就可以控制到分割竖线的高了。

2、html中的meta标签。用display：inline-block实现，这个属性通俗一点的解释就是让块级元素可以在一行显示。既是块级元素又可以在同一行显示就可以设置display：inline-block.我们看下面的代码是如何来实现分割线的效果。

3、淘宝装修后台，设置水平平铺。在头部设置DIV的上边框，我的这个蓝线是2PX，高度为120PX。具体CSS代码为这里面是具体的代码，或者文字。

4、好像没有这种分割线啊骚年。不过，如果你导航条用的话呢，可以改变list-style属性，有小圆圈，小方块儿，最主要能用自定义图片。你自己做个斜线的图，然后 list-style-type list-style-position list-style-image 一改。

网页标题：css竖着的分割线样式 css 竖线
分享链接：http://abwzjs.com/article/dieiosp.html