CSS中如何設(shè)置方框呢？在CSS中，方框是使用border屬性來設(shè)置的。border的屬性有三個(gè)值，分別是border-width、border-style和border-color。
border-width用于設(shè)置邊框的寬度，border-style用于設(shè)置邊框的樣式，border-color用于設(shè)置邊框的顏色。可以用以下方式設(shè)置一個(gè)帶有2px寬度、紅色邊框的方框：
```
p {
border: 2px solid red;
}
```
上面代碼中的solid用于設(shè)置border-style為實(shí)線，所以得到了一個(gè)實(shí)線的邊框。
當(dāng)然，border-style還能設(shè)置虛線、雙實(shí)線、圓點(diǎn)線等樣式。如下代碼可以設(shè)置一個(gè)帶有虛線邊框的方框：
```
p {
border: 2px dashed blue;
}
```
而想要設(shè)置雙實(shí)線邊框，可以使用如下代碼：
```
p {
border: 3px double green;
}
```
如果我們只想設(shè)置某個(gè)方向上的邊框，比如只設(shè)置上邊框?yàn)榧t色，可以使用border-top屬性，如以下代碼：
```
p {
border-top: 2px solid red;
}
```
此外，還可以通過border-radius屬性設(shè)置圓角邊框，使用如下代碼可以得到一個(gè)四個(gè)角都是20px圓角的邊框：
```
p {
border: 2px solid black;
border-radius: 20px;
}
```
除了數(shù)值型的設(shè)置之外，還可以使用一些關(guān)鍵詞來設(shè)置邊框，如以下代碼可以得到一個(gè)沒有邊框的方框：
```
p {
border: none;
}
```
以上就是CSS中設(shè)置方框的基本方法，掌握這些方法之后，我們可以根據(jù)需要隨意設(shè)置各種樣式的邊框。
上一篇includ php
下一篇css中怎么垂直居中