Question

我尝试了不同的方法将此CSS应用于边框

style="border:thin; border-color: #006633; border-radius: 5px;

但它不起作用。如何用上面的CSS设置边框样式？

HTML

<div style= "left: 400px; position: absolute; top: 50px;" >
    <div style="float: left;>
        <ul class="home">
            <li><a href="#">Home</a></li>
        </ul>
    </div>
    <div style="float: left;">
        <ul id="about">
            <li><a href="#">About Us</a></li>
            <li><a id="hidden1" href="#">Our Team</a></li>
        </ul>
    </div>
    <div style="float: left;">
        <ul id="contact">
            <li><a href="#" >Contact Us</li>
            <li><a id="hidden2" href="#">Contact Form</a></li>
            <li><a id="hidden3" href="#">Contact Numbers</a></li>
            <li><a id="hidden4" href="#">Social</a></li>
        </ul>
    </div>
</div>

的jQuery

//dropdown menu
$(function() {
    $("ul#about").hover(function() {
        $("#hidden1").slideToggle("slow")
    });
});
$(function() {
    $("ul#contact").hover(function() {
        $("#hidden2,#hidden3,#hidden4").slideToggle("slow")
    });
});

Answer 1

很难说，但看起来Rhea所提到的缺失引语隐藏在＆＃34; style＆＃34;在你的第一个例子中。

Answer 2

您已将整个代码包装在绝对位置。您需要为浮点数提供width才能正常工作。

Border有3个组成部分： - 风格 - ＆gt;实心/虚线/双/点... - 宽度 - ＆gt;边界的宽度 - 颜色 - ＆gt;颜色

这三个都是边界工作所必需的。

边框造型不起作用

2 个答案: