李边界不保留元素(li border doesn't keep around element)

李边界不保留元素(li border doesn't keep around element)

我正在尝试建立一个没有成功的菜单。 我正试图为我所有的li元素设置边框，但边框一直保持在底部。 如何在我的li元素周围转动边框？

看看我的代码： http ： //jsfiddle.net/KByqr/

I'm trying to build a menu without sucess. I'm trying to set a border to all my li elements, but the border has kept on bottom. How can I turn the border all around my li element?

take a look at my code: http://jsfiddle.net/KByqr/

最满意答案

从这两行中删除-bottom ：

border-bottom-style: solid; border-bottom-width: medium;

使他们：

border-style: solid; border-width: medium;

小提琴： http ： //jsfiddle.net/KByqr/2/

Remove the -bottom from these two lines:

border-bottom-style: solid; border-bottom-width: medium;

Make them:

border-style: solid; border-width: medium;

Fiddle: http://jsfiddle.net/KByqr/2/