我們剛才講過,如果邊框沒有樣式,就沒有寬度。不過有些情況下您可能希望創建一個不可見的邊框。
CSS2引入了邊框顏色值transparent。這個值用於創建有寬度的不可見邊框。請看下面的例子:
- <ahrefahref="#">AAA< span>a>
- <ahrefahref="#">BBB< span>a>
- <ahrefahref="#">CCC< span>a>
我們為上面的鏈接定義了如下樣式:
- a:link,a:visited{
- border-style:solid;
- border-width:5px;
- border-color:transparent;
- }
- a:hover{border-color:gray;}
從某種意義上說,利用transparent,使用邊框就像是額外的內邊距一樣;此外還有一個好處,就是能在你需要的使用使其可見。這種透明邊框相當於內邊距,因為元素的背景會延伸到邊框區域(如果有可見背景的話)。
重要事項:在IE7之前,IE/WIN沒有提供對transparent的支持。在以前的版本,IE會根據元素的color值來設置邊框顏色。