使用jQuery UI的風格一個div

Question

我有jQuery UI的「平滑」的主題，我想用「看」到的div風格我的網頁上。例如。將灰色，陰影，圓角效果應用於手風琴，按鈕等的常規分區

我認爲這很容易！也許是？！

謝謝！

Answer 1

看一看jQuery UI themeroller。您可以選擇現有的主題或定製一個，然後使用Chrome或Firefox/Firebug的，例如，右鍵單擊 → 檢查元素和複製類名。

ui-widget，ui-widget-content和ui-corner-all是您要查找的最可能的類名。

Answer 2

這裏是我想出了一些需要CSS的調整，但應該工作。

<div id="login" align="center" class="ui-tabs ui-widget ui-widget-content ui-corner-all"> 
<ul id="login_header" class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"> 
    Header 
</ul> 
<div id="login_form" class="ui-tabs-panel ui-widget-content ui-corner-bottom"> 
    content 
</div>