前端表格如何實現(xiàn)圖中的邊框

sawtooth-border

簡單解釋：

1. 后面兩層背景圖實現(xiàn)鋸齒，這樣整個 td 都是鋸齒，包括border
2. 再做一層純白背景，放在最上面，只覆蓋到，padding-box，這樣 border 還是原來的鋸齒背景，padding-box 就是純白背景。
3. 鋸齒背景用 linear-gradient,背景圖的覆蓋范圍通過 background-clip 調(diào)整。

table有合并行合并列屬性可以實現(xiàn)不同矩形區(qū)塊=》colspan,rowspan至于邊框的樣式
dashednone 定義無邊框。
hidden 與 "none" 相同。不過應(yīng)用于表時除外，對于表，hidden 用于解決邊框沖突。
dotted 定義點狀邊框。在大多數(shù)瀏覽器中呈現(xiàn)為實線。
dashed 定義虛線。在大多數(shù)瀏覽器中呈現(xiàn)為實線。
solid 定義實線。
double 定義雙線。雙線的寬度等于 border-width 的值。
groove 定義 3D 凹槽邊框。其效果取決于 border-color 的值。
ridge 定義 3D 壟狀邊框。其效果取決于 border-color 的值。
inset 定義 3D inset 邊框。其效果取決于 border-color 的值。
outset 定義 3D outset 邊框。其效果取決于 border-color 的值。
inherit
如果沒有只能用css和css3實現(xiàn)例如實現(xiàn)倒三角

你這個css沒有學(xué)到家啊
table自帶border屬性