DIV CSS 佈局教程網

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

邊框的顏色

設置邊框顏色非常簡單。CSS使用一個簡單的border-color屬性,它一次可以接受最多4個顏色值。

可以使用任何類型的顏色值,例如可以是命名顏色,也可以是十六進制和RGB值:

  1. p{
  2. border-style:solid;
  3. border-color:bluergb(25%,35%,45%)#909090red;
  4. }

如果顏色值小於4個,值復制就會起作用。例如下面的規則聲明了段落的上下邊框是藍色,左右邊框是紅色:

  1. p{
  2. border-style:solid;
  3. border-color:bluered;
  4. }

注釋:默認的邊框顏色是元素本身的前景色。如果沒有為邊框聲明顏色,它將與元素的文本顏色相同。另一方面,如果元素沒有任何文本,假設它是一個表格,其中只包含圖像,那麼該表的邊框顏色就是其父元素的文本顏色(因為color可以繼承)。這個父元素很可能是body、div或另一個table。

定義單邊顏色

還有一些單邊邊框顏色屬性。它們的原理與單邊樣式和寬度屬性相同:

  1. border-top-color
  2. border-right-color
  3. border-bottom-color
  4. border-left-color

要為h1元素指定實線黑色邊框,而右邊框為實線紅色,可以這樣指定:

  1. h1{
  2. border-style:solid;
  3. border-color:black;
  4. border-right-color:red;
  5. }
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved