在 CSS 中，在 DOM 元素上添加邊框，Chrome 的機制是在 content 外層包圍一層邊框。本來也沒什么問題， 但有一種場景希望邊框能覆蓋在內(nèi)容上。
其中一種做法是添加四個<i> 標簽，絕對定位到四條邊上，但這樣不僅增加了 DOM 標簽，CSS 樣式也增加不少，絕對定位又增加了布局負擔，實在不是上選。
而第二種做法方便不少，就是用 box-shadow，內(nèi)嵌陰影，既不用增加 DOM，又不用增加 CSS，完美！
box-shadow: inset 0 0 0 1px red;
