站長(zhǎng)資訊網(wǎng)在css中，可以使用border-width屬性來(lái)設(shè)置邊框的寬度，語(yǔ)法格式為“border-width:關(guān)鍵字|帶長(zhǎng)度單位的數(shù)值;”；其中，關(guān)鍵字可以是thin（細(xì)邊框）、medium（中等邊框）、thick（粗邊框）。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css設(shè)置邊框的寬度
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> p.one { border-style:solid; border-width:5px; } p.two { border-style:solid; border-width:medium; } p.three { border-style:solid; border-width:thick; } </style> </head> <body> <p class="one">一些文本。</p> <p class="two">一些文本。</p> <p class="three">一些文本。</p> </body> </html>
效果圖：
說(shuō)明：
"border-width" 屬性如果單獨(dú)使用則不起作用，要先使用 "border-style" 屬性來(lái)設(shè)置邊框。
css border-width屬性
border-width屬性設(shè)置一個(gè)元素的四個(gè)邊框的寬度。
屬性值：
| 值 | 描述 |
|---|---|
| thin | 定義細(xì)的邊框。 |
| medium | 默認(rèn)。定義中等的邊框。 |
| thick | 定義粗的邊框。 |
| length | 允許您自定義邊框的寬度。 |
border-width屬性可以有一到四個(gè)值。
實(shí)例:
border-width:thin medium thick 10px;
-
上邊框是細(xì)邊框
-
右邊框是中等邊框
-
下邊框是粗邊框
-
左邊框是 10px 寬的邊框
border-width:thin medium thick;
-
上邊框是細(xì)邊框
-
右邊框和左邊框是中等邊框
-
下邊框是粗邊框
border-width:thin medium;
-
上邊框和下邊框是細(xì)邊框
-
右邊框和左邊框是中等邊框
border-width:thin;
-
所有4個(gè)邊框都是細(xì)邊框
（學(xué)習(xí)視頻分享：css視頻教程）
