div的彎角邊框

我需要使用彎角邊框構建div，而不使用角落中的任何圖像。可能嗎？div的彎角邊框

我不想在角落插入彎曲的圖像，請幫助我解決這個問題。

2008-12-12 praveenjayapal

檢查[此文章]（http://stackoverflow.com/questions/635851/support-for-border-radius-in-ie） - 一個很簡單的跨瀏覽器CSS3代碼。 – Shahar 2012-06-12 16:51:16

http://www.curvycorners.net/

出來試試這個庫，它沒有奇蹟我！它是經過測試的跨瀏覽器解決方案。

來源

2008-12-12 06:34:17

該網站似乎[down]（http://www.downforeveryoneorjustme.com/http://www.curvycorners.net）。 [上次項目更新]（http://code.google.com/p/curvycorners/source/list）於2011年3月開始。項目位於[Google代碼]（http://code.google.com/p/curvycorners /）。 – 2012-11-19 23:47:10

您可以使用CSS在現代瀏覽器中實現圓角...

border-radius: 10px;

Handy Generator

這被稱爲progressive enhancement。國際海事組織，這比圖像和或邊界和邊界CSS技巧要好。除非你絕對必須有圓角。

來源

2008-12-12 06:37:33 alex

如果你想依靠WebKit和Mozilla瀏覽器，你可以使用下面的CSS命令：

.radius { 
-moz-border-radius: 6px; 
-webkit-border-radius:6px; 
border-radius: 6px; 
    }

詳情可以查看here。對CSS2規範邊界半徑

信息可以發現here

這些不幸的是沒有爲IE瀏覽器。

只有使用niftycube才能爲IE瀏覽器提供JavaScript路由，這有助於無障礙地支持列高度調平。

來源

2008-12-12 06:42:57 jimg

這裏有一個我寫道，如果你喜歡它，歡迎使用。它呈現任何尺寸的帶有背景顏色但不包圍整個框的邊框的圓角框。它適用於白色頁面背景，但可以通過編輯c1，c2 & c3樣式中的邊框顏色來更改。

.rounded {background-color:#f1f0f1} 
.rounded .inner {padding:8px 10px 8px 12px} 
.rounded .c1 {height:1px;line-height:1px;font-size:1px;border-width: 0px 4px 0px 4px;border-color:#FFFFFF;border-style:solid;padding:0px} 
.rounded .c2 {height:1px;line-height:1px;font-size:1px;display:block;border-width: 0px 2px 0px 2px;border-color:#FFFFFF;border-style:solid;padding:0px} 
.rounded .c3 {height:2px;line-height:1px;font-size:1px;display:block;border-width: 0px 1px 0px 1px;border-color:#FFFFFF;border-style:solid;padding:0px} 


    <div class="rounded" style="width:200px;height:100px"> 
    <div class="c1"></div><div class="c2"></div><div class="c3"></div> 
     <div class="inner"> 
     -- Content Here -- 
     </div> 
     <div class="c3"></div><div class="c2"></div><div class="c1"></div> 
    </div>

來源

2008-12-12 17:56:18 Sal

-2

我想用一個jQuery插件來處理圓角。下面是jQuery站點上可用的圓角插件列表：http://plugins.jquery.com/taxonomy/term/189

來源

2008-12-12 18:02:29

div的彎角邊框

回答

相關問題