元素的(Border)邊框圍繞填充和內(nèi)容。
CSS邊框?qū)傩栽试S您定義框的邊框區(qū)域。邊框可以是預(yù)定義的樣式，例如實(shí)線，雙線，虛線等，也可以是圖像。下一節(jié)將介紹如何設(shè)置各種屬性，以定義邊框的樣式（border-style），顏色（border-color）和厚度（border-width）。
border-width屬性指定邊框區(qū)域的寬度。下面是一種速記屬性，用于同時(shí)設(shè)置元素邊框的所有四個(gè)邊的厚度。
p {
border-width: medium 10px thick 15px;
}測(cè)試看看?/?注意：如果border-width缺少或未指定屬性值，border-width則將使用的默認(rèn)值（medium）。
該border-style屬性設(shè)置框邊框的樣式，例如：solid，dotted等。它是用于設(shè)置元素邊框所有四個(gè)側(cè)面的線型的簡寫速記屬性。
該border-style屬性可采取以下值之一：none，hidden，dashed，dotted，double，groove，inset，outset，ridge和solid。
none: 沒有邊界。
dotted: 定義虛線邊框
dashed: 定義虛線邊框
solid: 定義實(shí)線邊框
double:定義兩個(gè)邊框。兩個(gè)邊框的寬度與border-width值相同
groove:定義3D溝槽邊框。效果取決于邊框顏色值
ridge:定義3D脊?fàn)钸吙?。效果取決于邊框顏色值
inset:定義3D嵌入邊框。效果取決于邊框顏色值
outset:定義3D起始邊框。效果取決于邊框顏色值
p {
border-style: dotted;
}測(cè)試看看?/?該border-color屬性指定color框的邊框。這也是用于設(shè)置元素邊框所有四個(gè)側(cè)面的顏色的簡寫屬性。
p {
border-style: solid;
border-color: #ff0000;
}測(cè)試看看?/?注意：border-color如果單獨(dú)使用該屬性，則該屬性將不起作用。使用border-style屬性首先設(shè)置邊框。
該border CSS屬性是設(shè)置一個(gè)或多個(gè)單獨(dú)的邊框?qū)傩缘乃儆泴傩詁order-style，border-width和border-color在一個(gè)單一的規(guī)則。
p {
border: 5px solid #ff4500;
}測(cè)試看看?/?如果在設(shè)置border速記屬性時(shí)忽略或未指定單個(gè)border屬性的值，則將使用該屬性的默認(rèn)值（如果有）。
注意：border-color在設(shè)置元素的邊框時(shí)，如果缺少屬性值或未指定屬性值（例如border: 5px solid;），則該元素的color屬性將用作的值border-color。
在此示例中，邊框?qū)⑹菍挾葹?px的黑色實(shí)線：
p {
color: black;
border: 5px solid;
}測(cè)試看看?/?但是，在有border-style屬性的情況下，省略該值將不會(huì)顯示任何邊框，因?yàn)檫@個(gè)時(shí)候border-style屬性 的默認(rèn)值為none。
在下面的示例中，將沒有邊框：
p {
border: 5px #00ff00;
}測(cè)試看看?/?