如何向圓角圖像添加圓角邊框（使用邊框半徑圓角）

我已設置輪廓圖像以顯示「圓角」。爲了達到這個目的，我將邊界半徑設置爲50％。如何向圓角圖像添加圓角邊框（使用邊框半徑圓角）

當我嘗試將邊框添加到該圓形圖像（即border:1px black solid;）時，它不遵循圓角圖案，但它只是爲方形圖像添加邊框。

我該如何添加一個圓形的邊框？

2013-02-21 Rosamunda

舉例？你可以使用jsfiddle/cssdesk/jsbin/dabblet – 2013-02-21 16:24:51

http://jsfiddle.net/72Knb/顯示你的代碼，你做錯了什麼。 – dfsq 2013-02-21 16:25:15

做工精細這裏http://jsfiddle.net/XKFrc/ – j08691 2013-02-21 16:26:24

你只需要在邊界半徑適用於獲取邊框和圓角相同的元素。

@ben c.taylor：我不知道這是否是一個黑客，但它適用於Chrome至少，剛剛測試。

2013-02-21 16:26:02 hexblot

-2

圖像doesen't支持邊界半徑，HTML5畫布圖像了。嘗試與背景圖像的div。例如：

< DIV風格= 「背景圖像：網址（ 'profilpic.png'）;邊界半徑： 10px的; （等）」>

這將有邊界半徑

2013-02-21 16:24:38

@EamonNerbonne - 真的嗎？ http://jsfiddle.net/XKFrc/。似乎在大多數瀏覽器中都能正常工作。 – j08691 2013-02-21 16:28:38

解除評論意見：j08691在我刪除評論時回覆了評論;它涉及以前對答案的編輯;顯然這個bug已經修復了。 – 2013-02-21 16:39:13

使用CSS background-image屬性將圖像設定爲例如一個div元素的背景圖像。然後將border-radius應用於此。

不要忘記你的瀏覽器的前綴，但！

2013-02-21 16:26:34

回答