先看代碼跟效果
demo1:
????代碼
? ? 效果
demo2:
? ? 代碼
????效果:
? ? 原理其實就是利用盒子的均分原理。盒子都是矩形或者正方形,從形狀的中心,向4個方向(上右下左的順序)劃分4個部分。首先要保證元素是塊級元素。當元素的width、height都為0時,則border的大小則為實際顯示的大小(如效果一)。不需要顯示的邊框使用透明色transparent(如效果二)。
????其他情況就不一一列舉了。
先看代碼跟效果
demo1:
????代碼
? ? 效果
demo2:
? ? 代碼
????效果:
? ? 原理其實就是利用盒子的均分原理。盒子都是矩形或者正方形,從形狀的中心,向4個方向(上右下左的順序)劃分4個部分。首先要保證元素是塊級元素。當元素的width、height都為0時,則border的大小則為實際顯示的大小(如效果一)。不需要顯示的邊框使用透明色transparent(如效果二)。
????其他情況就不一一列舉了。