學習過 HTML 的同學都知道,在 HTML 中,我們常使用表格來創(chuàng)建周圍的邊框,但是通過使用 CSS 邊框?qū)傩?我們可以創(chuàng)建出效果出色的邊框,并且可以應用于任何元素.

每個 border 屬性我們可以設置寬度,樣式,以及顏色.下面我們就看看如何通過 border 屬性來設置邊框?qū)挾?以及顏色:

CSS 沒有定義 3 個關鍵字的具體寬度，所以一個用戶代理可能把 thin 、medium 和 thick 分別設置為等于 5px、3px 和 2px，而另一個用戶代理則分別設置為 3px、2px 和 1px。

可以通過如下的內(nèi)容

td {border-style: solid; border-width: 15px 5px 15px 5px;}

同樣,這里我們也可以設置單邊邊框的寬度,

border-top-width
border-right-width
border-bottom-width
border-left-width

下面我們在 CSS 文件中加入

 border-style: dashed;
  border-top-width: 15px;
  border-right-width: 5px;
  border-bottom-width: 15px;
  border-left-width: 5px;

下面是效果截圖:

說完寬度,我們再來看看顏色,設置邊框顏色非常簡單。CSS 使用一個簡單的 border-color 屬性，它一次可以接受最多 4 個顏色值,分別是邊框的四邊(具體順序自己可以試試)。可以使用任何類型的顏色值，例如可以是命名顏色，也可以是十六進制和 RGB 值：

在 CSS 文檔中添加以下內(nèi)容:

  border-color: blue rgb(25%,35%,45%) #909090 red;

下面就是效果截圖:

同樣可以使用屬性控制各個邊框的顏色,以達到相同的效果: border-top-color border-right-color border-bottom-color border-left-color

?