如何给多个块级元素加一个边框

在HTML和CSS中，如果你想给多个块级元素添加相同的边框样式，你可以通过选择器选中这些元素，并统一设置它们的`border`属性。以下是一些基本步骤：

1. **选择元素**：
- 使用标签选择器`:tag`来选中所有指定类型的块级元素，如`.container`, `#content`, 或者直接写元素名称如`div`。

<div class="block1">
  <!-- 元素内容 -->
</div>
<div class="block2">
  <!-- 元素内容 -->
</div>

2. **设置边框样式**：
- 使用`border`属性一次性设置边框宽度、样式和颜色。例如，如果想要所有块级元素都有1像素实线边框，颜色为黑色，可以这样做：

.block1, .block2 {
  border: 1px solid black;
}

或者分别设置各方向的边框：

.block1, .block2 {
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
}

3. **应用公共样式**：
- 如果有多个块级元素需要相同的边框，也可以创建一个类（`.shared-border`），然后将这个类应用到那些元素上：

.shared-border {
  border: 1px solid black;
}

.block1, .block2 {
  /* 其他样式 */
  class: shared-border;
}