div要素にボーダーを追加する方法


方法1: インラインスタイルを使用する方法

<div style="border: 1px solid black;">
  <!-- divのコンテンツ -->
</div>

方法2: CSSクラスを使用する方法

<style>
  .bordered-div {
    border: 1px solid black;
  }
</style>
<div class="bordered-div">
  <!-- divのコンテンツ -->
</div>

方法3: CSS IDを使用する方法

<style>
  #my-div {
    border: 1px solid black;
  }
</style>
<div id="my-div">
  <!-- divのコンテンツ -->
</div>

これらの方法は、div要素に1ピクセルの黒いボーダーを追加します。ボーダーの太さや色を変更する場合は、適宜修正してください。また、CSSファイルやstyleタグ内で定義することもできます。