CSS邊框中的線段可以通過border-style屬性來定義,例如:
.box { border-top: 1px dashed #000; }
上面的代碼會給.box元素的頂部添加一條1像素寬的虛線。
可以使用下面的值來設(shè)置border-style:
- none - 沒有線段
- solid - 實線
- dotted - 點線
- dashed - 虛線
- double - 雙實線
- groove - 三維凹線
- ridge - 三維凸線
- inset - 內(nèi)陰影線
- outset - 外陰影線
border-style還可以通過縮寫屬性border來設(shè)置,例如:
.box { border: 1px dashed #000; }
上面的代碼相當(dāng)于同時設(shè)置了border-top、border-right、border-bottom、border-left這些屬性。