CSS3中的border屬性可以讓我們在網頁設計中加入邊框，使整個頁面更加美觀和有序。而在新增加的屬性中，我們的border-color為我們提供了更加簡便的邊框顏色設置方式。在使用這個屬性時，我們可以通過設置邊框的顏色值，來改變邊框的顏色。

/* 設置顏色為紅色 */
border-color: red;
/* 設置顏色為RGB顏色值 */
border-color: rgb(255, 0, 0);
/* 設置顏色為十六進制顏色值 */
border-color: #ff0000;
/* 設置透明邊框 */
border-color: transparent;

我們可以看到，通過border-color我們可以隨意設置邊框的色相、飽和度、亮度等屬性，從而實現各種各樣的邊框外觀。而當我們希望在一些情況下隱藏邊框，或者只想保留邊框線，而去掉邊框的顏色，這時border-color屬性就不夠用了。

這時，我們可以使用border的另一個屬性——border-style的屬性值none來去掉邊框顏色。但是這也會去掉邊框線。為了只去掉顏色而不去掉線條，我們可以使用CSS3的新屬性——border-color屬性的transparent值來實現透明邊框效果。

/* 去掉邊框顏色和線條 */
border-style: none;
/* 只去掉邊框顏色 */
border-color: transparent;

我們可以在需要透明邊框的地方，使用上面的代碼來實現透明邊框效果，從而讓頁面看起來更加清爽。