CSS中只顯示上邊框顏色

border-top: 1px solid #f00;
border-right: none;
border-bottom: none;
border-left: none;

有時(shí)候，我們只想在頁(yè)面中顯示一個(gè)元素的上邊框，而其他邊框不需要顯示。只需要使用CSS屬性border-top來(lái)定義元素的上邊框，并將其他邊框設(shè)置為none即可。并且，我們可以通過(guò)border-top-color來(lái)控制上邊框的顏色。

例如，我們可以用下列CSS代碼來(lái)實(shí)現(xiàn)只有上邊框紅色的效果：

border-top: 1px solid #f00;
border-right: none;
border-bottom: none;
border-left: none;

注意，當(dāng)使用border-top時(shí)，我們必須同時(shí)設(shè)置其他三條邊的border屬性為none，才能達(dá)到只顯示上邊框的效果。