今天在寫一個zblog主題的時候，用到了border屬性中的透明邊框，也就是border:transparent。

那么CSS中為什么要使用透明邊框呢？

如上圖，要使img:hover觸發顯示2px的白色邊框，為了保持圖片在觸發的時候不變形，所以在觸發之前的img里最好也建個2px寬的邊框，但不要上色，透明即可！

上圖中的透明邊框CSS：

.widget_hotpost li img{float: left;margin: 4px;border: 2px solid transparent;}
.widget_hotpost li:hover img{border: 2px solid #fff;}

正常情況下設置2px的透明邊框，觸發的時候，2px的邊框依然存在，但邊框顏色設置為#FFF白色即可！