溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關css怎么設置邊框的寬度的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
css的選擇器可以分為三大類，即id選擇器、class選擇器、標簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等
在css中，可以使用border-width屬性來設置邊框的寬度，語法格式為“border-width:關鍵字|帶長度單位的數值;”；其中，關鍵字可以是thin（細邊框）、medium（中等邊框）、thick（粗邊框）。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
css設置邊框的寬度
<!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>效果圖：
說明：
"border-width" 屬性如果單獨使用則不起作用，要先使用 "border-style" 屬性來設置邊框。
css border-width屬性
border-width屬性設置一個元素的四個邊框的寬度。
屬性值：
| 值 | 描述 |
|---|---|
| thin | 定義細的邊框。 |
| medium | 默認。定義中等的邊框。 |
| thick | 定義粗的邊框。 |
| length | 允許您自定義邊框的寬度。 |
border-width屬性可以有一到四個值。
實例:
border-width:thin medium thick 10px;
上邊框是細邊框
右邊框是中等邊框
下邊框是粗邊框
左邊框是 10px 寬的邊框
border-width:thin medium thick;
上邊框是細邊框
右邊框和左邊框是中等邊框
下邊框是粗邊框
border-width:thin medium;
上邊框和下邊框是細邊框
右邊框和左邊框是中等邊框
border-width:thin;
所有4個邊框都是細邊框
感謝各位的閱讀！關于“css怎么設置邊框的寬度”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
