您的位置首页百科快答

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

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

的有关信息介绍如下:

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

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

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

第一种方法:用边框border实现

第二种方法:切1px的边线作为图片,然后把这个图片已img或者背景的形式用样式写进去。

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

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

li {

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

}

2、图片的话 也是可以写在li 或者 a上

li {

background:url(...) left center no-repeat; /* 图片的路径 背景图片靠左 背景图片垂直居中 图片不重复 */

}

border-right:1px solid color;