css中一般用border來表示邊框。

首先設置一個寬500像素，高500像素的方框，把它的背景色設置為紅色red。

我們給他加上邊框，設置10像素、實心的顏色設置為藍色。瀏覽器打開樣式如下。

加入邊框的顯示效果

邊框除了這種組合寫法外，還可以分別設置它的屬性。看下面代碼，顯示效果和上面一樣。

border-width 邊框寬度。

border-style 邊框樣式 solid 實線 dashed虛線 dotted點線 等等。

border-color 邊框顏色 可以用英文單詞、十六進制、rgb表示

邊框樣式為虛線的效果

邊框的大小可以設置一樣大，也可以分別設置四個邊的大小，設置四個邊的順序一般為：上、右、下、左

上面代碼中 top代表上為10像素，right代表右為30像素，bottom代表下為60像素，left代表左為90像素。

四個邊的大小可以分別設置為，它的顏色也可以設置為多種樣色

當我們把背景寬 高設為0像素，把四個邊框設為200像素，就會看到四個三角形。

border-radius：100px 是設置圓角的屬性。

設置為100像素，就會變成圓形

設置為50像素

transparent 是一個透明的效果

我們把邊框的右邊設置為transparent 右邊框就會變成透明，看不到以前的黃色。