css border-bottom屬性設(shè)置下邊框樣式

css
小億
224
2023-12-19 08:05:50

要設(shè)置下邊框樣式，可以使用CSS的border-bottom屬性。該屬性用于指定元素的下邊框樣式、寬度和顏色。

下面是border-bottom屬性的語(yǔ)法：

border-bottom: border-width border-style border-color;

border-width指定下邊框的寬度，可以是具體的像素值，也可以使用預(yù)定義的關(guān)鍵字（thin、medium、thick）。

border-style指定下邊框的樣式，可以是以下值之一：

  • none：無(wú)邊框
  • hidden：隱藏邊框
  • dotted：點(diǎn)狀邊框
  • dashed：虛線邊框
  • solid：實(shí)線邊框
  • double：雙線邊框
  • groove：凹槽邊框
  • ridge：脊?fàn)钸吙?/li>
  • inset：內(nèi)嵌邊框
  • outset：外嵌邊框

border-color指定下邊框的顏色，可以是具體的顏色值，也可以使用預(yù)定義的關(guān)鍵字（例如red、blue）。

下面是一個(gè)設(shè)置下邊框樣式的例子：

.border-example {
  border-bottom: 2px dashed #000000;
}

上述例子中，.border-example類(lèi)的元素將具有2像素寬的虛線下邊框，顏色為黑色。

0 踩