CSS邊框樣式：wave

我在w3.org上遇到此文檔： http://www.w3.org/TR/2002/WD-css3-border-20021107/borderstyles.png顯示邊框樣式：wave屬性。急於嘗試我在Firefox和Chrome中測試了它，但唉。是否有任何意見完全支持該屬性設置？對於哪些瀏覽器？CSS邊框樣式：wave

2013-06-24 Spork

根據[本頁]（http://www.w3.org/TR/css3-background/），你似乎可以用圖像來做到這一點。見例27. –

是的。僅在2002年11月7日的一天。 – j08691

@DavidStarkey感謝提示，但示例27似乎是邊界圖像的示例，而不是標準的邊框樣式，對嗎？ – Spork

不支持在任何瀏覽器中不支持border-style:wave屬性（以及dot-dash和dot-dot-dash屬性）。

如果您想要一個波浪邊界，解決方案可能是使用border-image屬性使用您選擇的波浪邊界的圖像。一定要看看@David Starkey的jsFiddle就是一個很好的例子。

但有一點需要注意的是，在任何版本的IE中都不支持border-image屬性。 IE6-IE9支持border-image的一個很好的解決方法是使用CSS3Pie。

2013-06-24 14:30:29 lifetimes

你也可以考慮提供替代解決方案。如何實現波浪邊界？ –

@DavidStarkey您已經用您的邊框圖像示例 – lifetimes

回答了該部分是的，那是一條評論。如果你想回答，它應該儘可能完整。 –

回答