本來我們設定了乙個div的width為50px,後來又設定了這個div的border的寬度為5px，那麼，瀏覽器（ie）是怎麼繪製這個border的呢，請看下圖：
圖①是只設定了width的div
當設定了border的寬度後，瀏覽器是按照下面這個樣子去繪製它的：
a） 水平方向： 以圖①中div的左邊界開始，繪製乙個border的寬度，接著繪製原div寬度的空白，最後，最繪製乙個border的寬度。如圖②，它的空白處的寬度與圖①的寬度是一樣大小的。
b） 垂直方向： 以圖①中div的上邊界開始，繪製乙個border的寬度，接著繪製原div高度的空白，最後，最繪製乙個border的寬度。如圖③，它的空白處的高度與圖①的高度是一樣大小的。
大小: 6.5 kb
CSS 關於css中的border
曾經一直以為html中的border是直角的，直到有一天 test效果如下 突然有一種被欺騙了的感覺。我們可以選擇理解乙個border為兩個三角形再加乙個矩形。如上所示。繪製小尾巴 當對乙個角應用圓角樣式，如果這個角相鄰的兩個border乙個有定義而乙個無定義，那麼繪製的結果就是由粗到細的 小尾巴了...
css中的border屬性。。。。。
1.border color 邊框的顏色 一般設定邊框都有3個屬性 寬度 線的樣式 顏色，如果寬度設定了很多px，那麼就可以給邊框設定很多顏色，讓邊框顯示出漸變的效果，不過設定邊框不同顏色時只能通過border bottom colors，border top colors，border left ...
css中的有趣的 border
css 中的 border 屬性，我想凡是了解一點 css 的都知道它是作用，可以在 mdn 上找到對它的詳細介紹。簡單來說，就是我們常用的邊框，乙個非常基礎的用法，就是 border 1px solid black 等價於 border width 1px border style solid b...