DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS border屬性邊框用法揭秘(4)
CSS border屬性邊框用法揭秘(4)
編輯:CSS詳解     
透明邊框

我們剛才講過,如果邊框沒有樣式,就沒有寬度。不過有些情況下您可能希望創建一個不可見的邊框。

CSS2引入了邊框顏色值transparent。這個值用於創建有寬度的不可見邊框。請看下面的例子:

  1. <ahrefahref="#">AAAa>
  2. <ahrefahref="#">BBBa>
  3. <ahrefahref="#">CCCa>

我們為上面的鏈接定義了如下樣式:

  1. a:link,a:visited{
  2. border-style:solid;
  3. border-width:5px;
  4. border-color:transparent;
  5. }
  6. a:hover{border-color:gray;}

從某種意義上說,利用transparent,使用邊框就像是額外的內邊距一樣;此外還有一個好處,就是能在你需要的使用使其可見。這種透明邊框相當於內邊距,因為元素的背景會延伸到邊框區域(如果有可見背景的話)。

重要事項:在IE7之前,IE/WIN沒有提供對transparent的支持。在以前的版本,IE會根據元素的color值來設置邊框顏色。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved