只加粗div的頂部和底部邊框

Question

我想加粗div的邊框。 我的問題是，我只需要粗體頂部和底部邊框。

例如：如果我有一個div爲正方形的形狀看起來應該：

_______________ 





_______________ 

我如何能做到這一點在CSS？

Answer 1

在CSS

border-top:3px solid #000; 
border-bottom:3px solid #000; 

，然後如果你想在左邊框和右邊只是讓他們1個像素，而不是3

Answer 2

嘗試：

border: 2px 0px 2px 0px #000; 

編輯：
快速解釋邊界速記屬性。元素的順序是width style color，其中寬度大約爲Top Left Bottom Right。所以在上面的例子中，它將頂部和底部邊界設置爲2px，左右爲0px。它會將邊框的樣式默認爲固定，並且顏色將變爲黑色。要在左側和右側創建虛線邊框，請使用：

border: 0px 2px 0px 2px dashed #000; 

Answer 3

將底部和頂部邊框的寬度設置得更高。

#element { 
    border-top: 5px solid #000; 
    border-bottom: 5px solid #000; 
} 

Answer 4

你可以做到這一點：

border-top: 1px solid black; 
border-bottom: 1px solid black; 

Answer 5

試着這麼做：

border-top: 2px solid black; 
border-bottom: 2px solid black; 

欲瞭解更多信息，請參閱https://developer.mozilla.org/en-US/docs/CSS/border-top和https://developer.mozilla.org/en-US/docs/CSS/border-bottom。