CSS中可以定義方框(box)的上下邊界(border)設置,通過border-top和border-bottom兩個屬性來實現。
.box { border-top: 1px solid black; border-bottom: 1px dashed gray; }
在上面的示例中,.box是一個類選擇器,它表示一個
元素或其他任何元素,在HTML中使用class="box"來指定。該類選擇器定義了一個上邊界為1像素的黑色實線和下邊界為1像素的灰色虛線。
border-top和border-bottom都可以接受顏色、寬度和樣式屬性。寬度可以是固定像素值,也可以是一個百分比,以使邊界相對于其容器的寬度自適應。邊框樣式可以是實線、虛線、點線或雙線。
border-top和border-bottom還可以設置不同的顏色和樣式,并且可以使用border-top-color、border-bottom-color、border-top-style和border-bottom-style進行單獨設置。
.box { border-top: 1px solid black; border-bottom: 1px dashed gray; border-top-color: red; border-bottom-style: dotted; }
在上面的示例中,“.box”類選擇器定義了一個上邊界為1像素的紅色實線和下邊界為1像素的灰色點線。
需要注意的是,設置邊界顏色和樣式屬性時,必須先設置邊界寬度。 否則,顏色和樣式屬性將不起作用。
以上是CSS規則定義方框上下邊界設置的簡要介紹,希望對大家有所幫助。