css菜单样式

Question

我遇到了一些CSS试图让我的下拉菜单中的每个元素后面的一些1像素实线黑色线条的问题。这是我的菜单貌似现在

这是我希望它看起来像只是我把border: 1px solid black;该线路。菜单里一{}，但我不希望它适用于该草图按钮在此图片中具有双边框。

我该如何解决这个问题？对于下拉元件在画面

代码。

---

.menu .dropdown_1col { 
    margin:4px auto; 
    left:-999em; 

    position:absolute; 
    background:#F4F4F4; 
    border: 1px solid black; 
    text-indent:15px; 
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB); 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB)); 
} 

---

.menu li { 
     float:left; 
     text-align:center; 
     position:relative; 
     padding: 4px 10px 4px 10px; 
     margin-right:30px; 
     margin-top:7px; 
     border:none; 

    } 
    .menu li:hover { 
     z-index:2; 
     background:#F4F4F4; 
     border:1px solid #aaaaaa; 
     padding: 4px 9px 4px 9px; 


     /* CSS 3 Stylings */ 

     background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE); 
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE)); 

    } 
    .menu li a { 
     color: #EEEEEE; 
     outline:0; 
     text-decoration:none; 
     display:block; 
     text-shadow: 1px 1px 1px #000; 


    } 
    .menu li:hover a { 
     color:#161616; 
     text-shadow: none; 
    } 
    .menu li .drop { 
     padding-right:21px; 
     background:url("img/drop.png") no-repeat right 8px; 
    } 
    .menu li:hover .drop { 
     padding-right:21px; 
     background:url("img/drop.png") no-repeat right 7px; 
    } 
    .menu li:hover div a { 
     color:#444; 
    } 
    .menu li:hover div a:hover { 
     color:#777; 
    } 
    .menu li ul li a:hover { 
     color:#777; 
    } 

Answer 1

更改为：

{ 
    ......... 
    border: 1px 0px solid #aaaaaa; 
    ......... 
} 

这样，您将分别设置VERT和HORZ边框宽度。您也可以将玩弄通过指定个别border-topborder-left等

Answer 2

为避免你可以试试这个问题：

CSS代码

.menu li a{ 
     border:none; 
    } 

否则

.menu li{ 
     border:none; 
    } 

即你必须停止其中一个。请申请一个。如果使用.menu li边框，则不需要为.menu li a使用边框，反之亦然。