[分享]css中div怎么加边框

CSS 中的 div 是一种常用的 HTML 元素，通常用于包含页面中的其他元素。为了让 div 元素更好看，我们可以为其添加边框。 要添加边框，我们需要使用 CSS 中的 border 属性。bor...

CSS 中的 div 是一种常用的 HTML 元素，通常用于包含页面中的其他元素。为了让 div 元素更好看，我们可以为其添加边框。
要添加边框，我们需要使用 CSS 中的 border 属性。border 可以设置元素的边框，包括线条的颜色、宽度和样式。以下是一个简单的 div 元素，我们为其添加了一个红色的边框：

<div class="example">
  <p>这是一个 div 元素。</p>
</div>
<br>
<style>
  .example {
    border: 1px solid red;
  }
</style> 

在上面的示例中，我们在 div 的 CSS 样式中添加了 border 属性，并设置了边框的宽度为 1 像素、颜色为 red（红色）和样式为实线。您可以更改这些值来定制 div 元素的边框。
另外，您还可以使用 border-top、border-bottom、border-left 和 border-right 属性设置 div 元素的上、下、左和右边框的样式和颜色。例如，以下代码将为 div 的左侧添加一个 2 像素的蓝色边框：

<div class="example">
  <p>这是一个 div 元素。</p>
</div>
<br>
<style>
  .example {
    border-left: 2px solid blue;
  }
</style> 

总之，通过使用 border 属性，您可以轻松地为 CSS 中的 div 元素添加边框，并根据需要进行自定义控制。