CSS border-color 簡單用

我們都知道 css 用來設計網站外觀與排版非常的方便，尤其是一些網頁元素的邊框是設計，例如幫一個圖片增加邊框顏色，整個效果可能就會變得很漂亮，這個邊框顏色在 css 的規範裡，用的是 border-color 這個語法，其中 border 就是邊框，color 不用解釋都知道是顏色。

為了能夠清楚的呈現 border-color 的效果，我們寫一個簡單的範例來看看唷！

<div style="border:3px green solid;">綠色邊框</div>

綠色邊框

看到了嗎？border 的第二個參數 green 就是綠色的意思，可能有人會問？不是應該要用 border-color 來寫嗎？怎麼會用 border 就搞定了？其實 css 的 border 確實可以將邊框一口氣完全設定好，包含邊框的顏色、粗細（border-width）以及樣式（border-style）全部完成，若是要拆分開來設計才需要寫 border-color，至於拆開要怎麼寫？請看以下 wibibi 的介紹。

• css border 邊框: http://www.wibibi.com/info.php?tid=86
• css border-color 邊框顏色: http://www.wibibi.com/info.php?tid=88

既然可以拆開來寫，又可以寫在一起，為什麼要可以這樣弄呢？其實這是為了方便網頁設計師在不同的情況下使用啦！並沒有規定一定要用哪一種方式，css 是很自由的。