Html css菜单样式

我遇到了一些CSS的问题，他们试图在下拉菜单中的每个元素后面给我的下拉表一些1像素的黑色实线。这就是我现在的菜单

这就是我想要它看起来的样子，除了我把

边框：1px纯黑

这一行在.menu li a{}中，但我不希望它应用于draft按钮，它在这张图片中有一个双边框

我怎样才能解决这个问题

图片中下拉元素的代码。

---

---

改为：

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

---

这样，您将分别设置垂直和水平边界的宽度。您还可以通过指定单个

边框顶部

边框左侧

等来进行操作。

为了避免出现问题，您可以尝试以下操作：

CSS代码

其他

---

i、 你必须阻止他们中的一个。请申请一个。如果使用.menu li border，则不需要为.menu li a使用border，反之亦然。

可以为菜单添加HTML吗？不幸的是，这并没有解决问题，我只在.menu li a{}上应用了边框

   .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;
    }

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

    .menu li a{
      border:none;
    }

   .menu li{
      border:none;
    }