在css中，可以给导航菜单添加右边框的方式，实现在菜单的右边添加一条分隔线。下面小编举例讲解css如何在导航菜单的右边添加一条分隔线。品牌型号：css+html系统版本：代码编辑器：zend studio 10.0 方法/步骤1/6分步阅读

新建一个html文件，命名为test.html，用于讲解css如何在导航菜单的右边添加一条分隔线。

2/6

在test.html文件内，使用div创建四个菜单选项，并设置其class属性为test。

3/6

在css标签内，通过class设置外层div的样式，定义它的宽度为803px，高度为40px，行高为40px，背景颜色为黑色，并居中对齐（margin:0 auto）。

4/6

在css标签内，再通过class设置菜单div的样式，设置它的宽度为200px，浮动向左，文字颜色为白色，居中对齐，并使用border设置每个菜单div的右边框为1px宽的红色边框。

5/6

在test.html文件内，再在最后一个div菜单中将右边框去除（border-right:none）。

6/6

在浏览器打开test.html文件，查看实现的效果。

总结：1/1

1、使用div创建四个菜单选项，并设置其class属性为test。2、在css标签内，通过class设置外层div的样式，定义它的宽度为803px，高度为40px，行高为40px，背景颜色为黑色，并居中对齐（margin:0 auto）。3、在css标签内，再通过class设置菜单div的样式，设置它的宽度为200px，浮动向左，文字颜色为白色，居中对齐，并使用border设置每个菜单div的右边框为1px宽的红色边框。4、在test.html文件内，再在最后一个div菜单中将右边框去除（border-right:none）。5、在浏览器打开test.html文件，查看实现的效果。

CSS