CSS表格邊框 - 不是直線

我想創建HTML表，並給予一定的細胞中特殊的邊框，
你可以在這裏看到的例子 - 我用箭頭標記吧.. enter image description here CSS表格邊框 - 不是直線

請幫我瞭解如何創建此類邊框，而無需使用圖像。

我讀這個話題，但我不能把它轉移到表元素或做它作爲它的邊界.. Customizing border properties using zigzag edges

感謝，加比。

2014-09-29 gabi

啊老把戲，認爲在灰色背景部分是白的圖像。白色可能是透明的。我們認爲「邊界」，但它不是一個CSS邊界。附：那次飛行非常昂貴！ – user3791372 2014-09-29 21:47:58

所以我必須使用非邊界表格，並通過圖像自己製作邊框？聽起來不是微不足道的...... – gabi 2014-09-29 21:50:20

雖然有辦法實現這一點，但是他們對這個例子有點毫無意義，因爲他們絕望地過度簡化了簡單的演示文稿問題，並且可能會引入跨瀏覽器問題。只需使用PNG背景，它們沒有任何問題。如果您想避免額外往返，請將其編碼爲數據網址。 – 2014-09-29 21:50:36

答案是使用圖像作爲單元格的背景。圖像包含曲線，圖像可以是白色和灰色，也可以是透明和灰色，具體取決於您的使用情況。

要看到什麼可以了，而不是你認爲還有什麼

faces or vases?

2014-09-29 21:54:10 user3791372

我應該使用無邊界表格嗎？所以我會自己畫邊框？ – gabi 2014-09-29 21:59:00

如果是這樣的話，請接受這個答案:)至於你的問題，一些單元格有灰色背景，並且圖像設計爲使用相同的顏色，所以你不知道它在哪裏結束，單元格開始。研究html。從我所看到的，一些單元格有可以從css控制的邊框。 – user3791372 2014-09-29 22:01:11

回答