[Web Design] 幫 CSS border 更改顏色或樣式
網頁設計師常常會透過 CSS 的 border 也就是邊框，來幫一些區塊或者是圖片加上不同的邊框，雖然 css 本身有內建不同的邊框樣式（border-style）可以修改，不過有的時候只想用最簡單的實線（solid）加上不同顏色搭配，也可以做出很多好看的風格。
在 CSS 的邊框顏色設計上，通常會採用顏色英文名稱、RGB 色碼或者是 16 進位色碼，尤其是 16 進位的色碼，可以在常見的《色碼表》上查詢，我們來看個簡單例子。
border:2px #cccccc solid;
這樣的寫法代表邊框粗細 2px（2 個像素）、顏色為 #CCCCCC、樣式為 solid（實線），若要拆分來寫的話，粗細用 border-width、顏色用 border-color 而邊框樣式則使用 border-style 來設計，其實很簡單對吧？Wibibi 上有這幾個語法的詳細介紹，不過先看看最基本的 border 語法怎麼寫吧！
css border: http://www.wibibi.com/info.php?tid=86
如果你熟悉了 border 的設計方式，應該就知道不一定要使用 border-width、border-color 以及 border-style 這樣分開寫了，當然設計師可以自己決定是否要分開寫。
在 CSS 的邊框顏色設計上，通常會採用顏色英文名稱、RGB 色碼或者是 16 進位色碼，尤其是 16 進位的色碼，可以在常見的《色碼表》上查詢，我們來看個簡單例子。
border:2px #cccccc solid;
這樣的寫法代表邊框粗細 2px（2 個像素）、顏色為 #CCCCCC、樣式為 solid（實線），若要拆分來寫的話，粗細用 border-width、顏色用 border-color 而邊框樣式則使用 border-style 來設計，其實很簡單對吧？Wibibi 上有這幾個語法的詳細介紹，不過先看看最基本的 border 語法怎麼寫吧！
css border: http://www.wibibi.com/info.php?tid=86
如果你熟悉了 border 的設計方式，應該就知道不一定要使用 border-width、border-color 以及 border-style 這樣分開寫了，當然設計師可以自己決定是否要分開寫。