css - divの上下の境界線のみを太字にします

Question

divの境界線を太字にします。私の問題は、上と下の境界線だけを太字にする必要があるということです。

例：正方形の形としてdivがある場合、次のようになります。

_______________





_______________

どうすればCSSでそれを行うことができますか？

Answer 1

CSSで

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

次に、左右の境界線が必要な場合は、3ピクセルではなく1ピクセルにします。

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を参照してください。