html中导航条上的边线怎么弄的，求代码

想这样的边框线怎么弄的，求代码

2025-02-28 02:36:50

推荐回答（5个）

回答1：

两个方法：1、写css 2、用图片

1、用border写,你可以写在导航的li或者a标签上

li {
border:1px solid #fff; /* 1像素直线白色 */
}

2、图片的话也是可以写在li 或者 a上
li {
background:url(...) left center no-repeat; /* 图片的路径背景图片靠左背景图片垂直居中图片不重复 */
}

回答2：

你们有美工出图吗，正常切图就行了，把那个竖线的图切出来，美工没出图就百度个一样的图；或者div的右边款边框显示出来，不过这个麻烦，因为菜单最右面如果没有竖线要单独写样式。

回答3：

第一种方法：用边框border实现
第二种方法：切1px的边线作为图片，然后把这个图片已img或者背景的形式用样式写进去。

回答4：

border-right:1px solid color;

回答5：

做到背景里面或者切割1px的竖线饭一个菜单后面跟一个这个切出来的图片