css漸變邊框沒有邊框圖像？

沒有人知道一個只CSS的方法（CSS3是好的，但最好是無邊框的圖像以防萬一）的樣式類似下面的對話框的工具欄（忽略圖標）的有源標籤：coda preferences on snow leopard css漸變邊框沒有邊框圖像？

我是使用jquery的UI，以產生標籤，這意味着標記是類似於：

<div class="tabbed"> 
    <ul> 
     <li><a href="#tab1">Tab 1</a></li> 
     <li><a href="#tab2">Tab 2</a></li> 
     <li><a href="#tab3">Tab 3</a></li> 
    </ul> 
    <div id="tab1">...</div> 
    ... 
</div>

直到我有一個更好的方法，我已經樣式如下（所有的UI-tabs- *類自動生成由jQ-UI標籤插件）：

.ui-tabs-nav { 
    background:-webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#a7a7a7)) repeat-x; padding:1px 4px; 
} 
.ui-tabs-nav li.ui-tabs-selected { 
    border-width:0 1px; border-color:transparent rgba(0,0,0, 0.30) !important; padding:1px 0; 
    background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0, 0)), color-stop(0.5, rgba(0,0,0, 0.1)), to(rgba(0,0,0, 0))) repeat-x !important; 
} 
.ui-tabs-nav li.ui-tabs-selected > a { 
    border-width:0 1px; border-color:transparent rgba(0,0,0, 0.15); 
}

所以我怎樣才能不使用邊界圖像漸變邊界？如果我需要邊框圖像，它可以使用多個css漸變作爲其內容？

來源

2010-10-11 Alex Rosario

「只有CSS-法」，如「無圖像「？ – DanMan 2010-10-11 21:02:01

」css-only「，如」通過css編程生成而不使用url（）「（偶數據 - url） – 2010-10-11 21:31:13