CSS中的外邊框?qū)傩灾傅氖强刂圃赝獠窟吙虻臉邮健挾群皖伾膶傩浴Ｔ谠O(shè)計(jì)網(wǎng)頁時(shí)，使用外邊框?qū)傩钥梢宰岉撁婵雌饋砀烙^、整潔，同時(shí)也可以為網(wǎng)頁增添更多的可定制性，讓頁面更具個(gè)性化。
外邊框?qū)傩钥梢酝ㄟ^以下方式來設(shè)置：
1. 邊框樣式：border-style
border-style屬性用于設(shè)置邊框的樣式。可以有以下樣式可選：
① solid 實(shí)線邊框
② dotted 點(diǎn)狀邊框
③ dashed 短劃線狀邊框
④ double 雙線邊框
pre代碼展示：
```
p {
border-style: solid; /* 實(shí)線邊框 */
border-style: dotted; /* 點(diǎn)狀邊框 */
border-style: dashed; /* 短劃線狀邊框 */
border-style: double; /* 雙線邊框 */
}
```
2. 邊框?qū)挾龋篵order-width
border-width屬性用于設(shè)置邊框的寬度。可以取值為像素（px）、百分比（%）或em。
pre代碼展示：
```
p {
border-width: 2px; /* 邊框?qū)挾葹?像素 */
border-width: 20%; /* 邊框?qū)挾葹樽煮w大小的20% */
border-width: 1em; /* 邊框?qū)挾葹?em */
}
```
3. 邊框顏色：border-color
border-color用于設(shè)置邊框的顏色。可以取值為顏色名、十六進(jìn)制顏色值、RGB值。
pre代碼展示：
```
p {
border-color: red; /* 邊框?yàn)榧t色 */
border-color: #00ffff; /* 邊框?yàn)榍嗌?*/
border-color: rgb(255, 0, 255); /* 邊框?yàn)檠蠹t色 */
}
```
4. 簡寫語法：border
我們還可以使用簡寫語法——border，來同時(shí)設(shè)置邊框樣式、邊框?qū)挾群瓦吙蝾伾：唽懻Z法的書寫方式如下：
```
border: [border-width] [border-style] [border-color];
```
pre代碼展示：
```
p {
border: 2px solid black; /* 設(shè)置邊框?qū)挾葹?像素，邊框樣式為實(shí)線，邊框顏色為黑色 */
}
```
CSS的外邊框?qū)傩圆粌H可以為網(wǎng)頁增添美感，還可以提高頁面的可訪問性，讓網(wǎng)站更加友好。我們可以根據(jù)實(shí)際情況，選擇合適的外邊框樣式、寬度和顏色，設(shè)計(jì)出符合自己品牌形象的網(wǎng)頁。
下一篇css中聲明字體是