html代码中添加边框实例

要在 HTML 代码中添加边框，可以使用 CSS 样式来定义边框属性。以下是一些添加边框的方法：

1. 使用 border 属性：可以在 HTML 元素上使用 border 属性来定义边框样式、宽度和颜色。例如：

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

这将在 div 元素周围创建一个 1 像素宽度的黑色实线边框。

2. 使用 CSS 样式表：可以在 HTML 文件中使用 CSS 样式表来定义边框属性。例如：

<style>
    .my-class {
        border: 1px solid red;
    }
</style>

<div class="my-class">这是一个有边框的 div 元素</div>

这将创建一个名为 "my-class" 的 CSS 类，它具有 1 像素宽度的红色实线边框。

3. 使用 CSS 的 border-* 属性：可以使用 CSS 的 border-top、border-right、border-bottom 和 border-left 属性来定义每个边框的样式、宽度和颜色。例如：

<div style="border-top: 1px solid blue; border-bottom: 1px solid blue;">这是一个上下有边框的 div 元素</div>

这将在 div 元素的上方和下方创建一个 1 像素宽度的蓝色实线边框。