用 css border-width 讓 div 邊框粗一點

玩 css 一段時間，應該蠻習慣使用 div 來包裝我們要設計的網頁元素，現在假設想要更進一步的把 div 邊緣弄得好看一點，加粗的效果，在 css 裡可以使用 border-width 來達成設計，這是屬於 border 屬性的其中一個。

來看個簡單的 border-width 實際案例。

<div style="border-width:5px"></div>

我們在一個 DIV 裡面加上 border-width:5px 讓邊緣的框線變成 5px 的寬度，視覺效果就是變粗了，然後光是只有 border-width 還不夠用，通常會再用上 border-color 以及 border-style 合起來讓變線完整呈現，以下篇幅可能可以較容易理解這幾個語法。

• CSS border-width 元素邊框粗細：http://www.webtech.tw/info.php?tid=101
• CSS border-color 邊框顏色設計：http://www.webtech.tw/info.php?tid=102

這個技巧可以用在網頁內的很多地方，不只局限於 div 區塊的應用，例如圖片的外框線、文字輸入欄位 ... 等，都可以使用，好東西就看使用者怎麼去用囉！