純CSS的邊框圖像

Question

這是我必須轉換爲HTML的psd。我必須用純CSS來做。

此圖像具有彎曲的border.I必須設計純CSS沒有像這個彎曲的邊界。有沒有解決方案來做到這一點？

Answer 1

請使用Border-image屬性。請參閱位置。

http://www.css3.info/preview/border-image/

Answer 2

我並不確切地知道你想要什麼，但如果你可以使用CSS3，看看這個鏈接：

http://w3schools.com/css3/css3_borders.asp（CSS3 Rounded Corners）

否則，檢查出一個的在下面的鏈接的選項：

http://w3schools.com/css/css_border.asp（Border Style）

Answer 3

我能想到的唯一一點就是純粹的 CSS，它是一種醜陋的黑客攻擊，如爲每個陷印/牙齒創建一個div，並給它CSS3圓形邊框（對於較早版本的IE，需要css3pie）。然後你可以使用你需要的顏色。

我不確定是否可以稱此爲解決方案。更實際的方法是使用邊界圖像，但是這對瀏覽器兼容性有更多問題。