如何在框中包装html元素？

Question

我有一个搜索结果页面，我想将每个结果包装在一个简单的框中，以区分每个组，但我找不到任何关于如何执行此操作的内容。我所发现的只是盒子模型上的w3schools页面，这似乎影响了整个页面，所以它并不是我真正想要的。

Answer 1

你需要将它们包含在所谓的div中，这实际上是对浏览器的一个浏览器说：“这是一块东西，就像那样对待它”。你可以像这样创建一个div

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

然后你可以为你的所有div分配CSS类result这可以让你使用CSS代码，如

.result {
  border: 1px solid red;
}