CSS中有很多屬性可以設(shè)置邊框,其中border-bottom屬性可以用來設(shè)置元素的下邊框。
使用border-bottom屬性可以讓我們更方便地控制元素的下邊框??梢钥刂葡逻吙虻念伾邮胶蛯挾?。
下面是一個(gè)設(shè)置下邊框?qū)傩缘睦樱?/p>
p{ border-bottom: 1px solid black; }
上面的代碼將會(huì)為所有的p標(biāo)簽設(shè)置下邊框,下邊框的顏色是黑色,寬度是1像素,樣式是實(shí)線。
如果想為元素的下邊框設(shè)置不同的顏色、樣式和寬度,可以分別設(shè)置border-bottom-color、border-bottom-style和border-bottom-width屬性,如下面的例子:
p{ border-bottom-color: red; border-bottom-style: dashed; border-bottom-width: 2px; }
上面的代碼將會(huì)為所有的p標(biāo)簽設(shè)置下邊框。下邊框的顏色是紅色,樣式是虛線,寬度是2像素。
除了設(shè)置下邊框?qū)傩酝?,還可以設(shè)置其他三個(gè)方向的邊框,分別是border-top、border-right和border-left,使用方法類似。