先看代碼跟效果

demo1：

????代碼

? ? 效果

demo2：

? ? 代碼

????效果：

? ? 原理其實就是利用盒子的均分原理。盒子都是矩形或者正方形，從形狀的中心，向4個方向（上右下左的順序）劃分4個部分。首先要保證元素是塊級元素。當(dāng)元素的width、height都為0時，則border的大小則為實際顯示的大?。ㄈ缧Ч唬?。不需要顯示的邊框使用透明色transparent（如效果二）。

????其他情況就不一一列舉了。