边框样式不起作用

Question

I tried different methods to apply this CSS to the border

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

but it doesn't work. How to style the border with the above 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 提到的缺失引号隐藏在第一个示例中的“样式”前面。

Answer 2

You have wrapped the entire code in position absolute. You need to provide the width for the float to work.

Border has 3 components: - style -> solid/dashed/double/dotted ... - width -> width of the border - color -> color

All three are necessary for the border to work.