我們可以使用CSS樣式來定義蘋果的邊框樣式。CSS(層疊樣式表)是一種用于描述文檔如何被展示的語言。我們可以使用CSS中的border屬性來定義一個HTML元素的邊框。
border: [border-width] [border-style] [border-color];
border具有三個屬性:border-width(邊框寬度)、border-style(邊框樣式)和border-color(邊框顏色)。 所以假設我們想要一個2像素的實線邊框,顏色為黑色,我們可以這樣寫:
border: 2px solid black;
如果我們只想改變蘋果的左邊框,我們可以使用border-left屬性:
border-left: 2px solid black;
同樣,我們還可以定義邊框的圓角。border-radius屬性可以讓我們輕松地定義圓角邊框的半徑。
border-radius: [top-left] [top-right] [bottom-right] [bottom-left];
如果我們想要一個所有角的半徑為10像素的圓角邊框,我們可以這樣寫:
border-radius: 10px;
如果我們想給左上角和右下角定義5像素的圓角,沒有圓角的右上角和左下角,我們可以這樣寫:
border-radius: 5px 0 0 5px;
使用border和border-radius屬性,在CSS中定義蘋果的邊框樣式變得相當容易。
下一篇css五邊形