在 HTML 中为 div 添加边框

在 HTML 中，我们可以使用 CSS 的 border 属性为 div 元素添加边框。通过为 div 定义边框，可以提高页面的可读性和美观度。下面是一个简单的实例：

<div style="border: 1px solid black">
  <p>这是一个带有边框的 div 元素。</p>
</div>

在上面的实例中，我们使用 style 属性为 div 元素添加了一个边框。border 属性的值由三部分组成：边框的宽度、样式和颜色。我们可以通过指定这些值来创建不同的边框效果。

/* 值可以是像素、百分比或 em */
border-width: 1px;
border-style: solid;
border-color: black;

我们还可以使用简写的方式，将这三个属性合并成一个属性：

/* 简写方式 */
border: 1px solid black;

除此之外，我们还可以仅指定其中的一部分属性，比如只定义边框的颜色：

/* 仅定义边框颜色 */
border-color: black;

最后，我们可以通过定义不同的边框样式来创建出更加复杂的边框效果。以下是常见的几种边框样式：

• solid：实线边框
• dotted：点线边框
• dashed：虚线边框
• double：双线边框
• groove：凹槽状边框
• ridge：隆起状边框
• inset：内阴影边框
• outset：外阴影边框

通过不同的边框样式和颜色的组合，可以创建出各种独特的边框效果。在为 div 添加边框时，应该根据实际需求选择合适的边框属性。