2015-06-21 68 views
-2

我嘗試了不同的方法將這些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") 
    }); 
}); 
+2

你缺少第二行的報價 – Rhea

+0

是的你是完全正確的!謝謝:) –

+0

我添加到標題和問題,你試圖風格的邊界。請確保它們是正確的。 – Ram

回答

0

您已經將絕對位置的整個代碼包裝好了。 您需要提供width以使浮子工作。

邊境有3個部分組成: - 風格 - >實/虛/雙/點綴...... - 寬 - >邊框 的寬度 - 顏色 - >顏色

所有這三個是必要的邊界上班。

+0

有趣的是,浮動工程! –

+0

但此代碼:」 style =「border:thin; border-color:#006633; border-radius:5px;」 –

+0

添加邊框樣式:實體 – Rhea

0

很難說,但它看起來像雷亞提到你的第一個例子是隱藏在 「樣式」 前失蹤報價。

+0

ya,實際上當我在這裏粘貼代碼時,我得到了缺少的代碼,但即使它已經有效,它也不起作用。我的意思是浮動左邊的部分工作,但代碼如下: –

+0

「style =」border:thin;邊框顏色:#006633; border-radius:5px;「 –

+0

我試着將它添加到父div,子div,ul,li,甚至是錨標記中,兩者都不起作用 –