色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css設(shè)置右邊3條邊框

在CSS中,設(shè)置一個(gè)元素的邊框非常簡(jiǎn)單,使用border屬性就可以了。例如:

box {
border: 1px solid black;
}

上面的代碼會(huì)為一個(gè)類(lèi)名為box的元素設(shè)置一個(gè) 1 像素寬度、黑色實(shí)線的邊框。但是,如果我們只想要元素的右邊、下邊和左邊有邊框,而不想要上邊框,應(yīng)該怎么做呢?

我們可以使用border-rightborder-bottomborder-left屬性來(lái)分別設(shè)置右邊、下邊和左邊的邊框。

box {
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
}

上面的代碼會(huì)為一個(gè)類(lèi)名為box的元素設(shè)置右邊、下邊和左邊寬度為 1 像素、黑色實(shí)線的邊框,而上邊不會(huì)有邊框。

我們也可以使用簡(jiǎn)寫(xiě)屬性border-widthborder-styleborder-color來(lái)實(shí)現(xiàn)相同的效果:

box {
border-width: 0 1px 1px 1px;
border-style: none solid solid solid;
border-color: transparent black black black;
}

上面的代碼會(huì)為一個(gè)類(lèi)名為box的元素設(shè)置右邊、下邊和左邊寬度為 1 像素、黑色實(shí)線的邊框,而上邊不會(huì)有邊框。其中,border-width屬性的四個(gè)值分別表示上、右、下、左的邊框?qū)挾龋?code>border-style屬性的四個(gè)值分別表示上、右、下、左的邊框樣式;border-color屬性的四個(gè)值分別表示上、右、下、左的邊框顏色。

需要注意的是,如果我們使用簡(jiǎn)寫(xiě)屬性設(shè)置邊框時(shí),必須按照特定的順序指定四個(gè)值,而不能省略中間的值。上面的示例中,我們省略了上邊框的寬度和樣式,但是必須仍然保留一個(gè) value 占位符,并設(shè)置其值為none