1. ホーム
  2. html

[解決済み] HTML Divのボーダーが表示されない

2022-02-08 18:50:28

質問

HTMLでdiv要素にボーダーを付けようとしています。以下は私のコードです。

#container-border {
  border-width: 2px;
  border-color: red;
}
<div id="container-border">
  ...
</div>

なぜかボーダーが表示されない。似たような質問で見てみたのですが( こちら ) が、なぜボーダーが表示されないのかがわかりませんでした。何かご提案があればお願いします。

注:このスニペットは、HTMLページの一部です。ご要望に応じて、追加のコードを提供することができます。

解決するには?

のデフォルト値は border-style none . ボーダーを表示させるには、別の値を設定する必要があります。

#container-border {
  border-width: 2px;
  border-color: red;
  border-style: dashed;
}
<div id="container-border">
  ...
</div>