邊框的顏色
設置邊框顏色非常簡單。CSS使用一個簡單的border-color屬性,它一次可以接受最多4個顏色值。
可以使用任何類型的顏色值,例如可以是命名顏色,也可以是十六進制和RGB值:
- p{
- border-style:solid;
- border-color:bluergb(25%,35%,45%)#909090red;
- }
如果顏色值小於4個,值復制就會起作用。例如下面的規則聲明了段落的上下邊框是藍色,左右邊框是紅色:
- p{
- border-style:solid;
- border-color:bluered;
- }
注釋:默認的邊框顏色是元素本身的前景色。如果沒有為邊框聲明顏色,它將與元素的文本顏色相同。另一方面,如果元素沒有任何文本,假設它是一個表格,其中只包含圖像,那麼該表的邊框顏色就是其父元素的文本顏色(因為color可以繼承)。這個父元素很可能是body、div或另一個table。
定義單邊顏色
還有一些單邊邊框顏色屬性。它們的原理與單邊樣式和寬度屬性相同:
- border-top-color
- border-right-color
- border-bottom-color
- border-left-color
要為h1元素指定實線黑色邊框,而右邊框為實線紅色,可以這樣指定:
- h1{
- border-style:solid;
- border-color:black;
- border-right-color:red;
- }