html - html要素をボックスにラップする方法は?

Question

検索結果ページがあり、各結果を単純なボックスで囲んで各グループを区別したいのですが、これを行う方法が見つかりません。私が見つけたのはボックスモデルの w3schools ページだけで、それはページ全体に影響しているように見えるので、実際に探しているものではありません。

Answer 1

divこれは基本的に、ウェブサイトを見ているブラウザに「これは何かのブロックです。そのように扱ってください」と言っています。このようなdivを作成できます

<div class="result">Content in here!</div>

次に、すべての div に CSS クラスを割り当てることがresultできます。これにより、次のような CSS コードを使用できます。

.result {
  border: 1px solid red;
}