标题：用 CSS 给 HTML 加边框
随着互联网的发展，网页设计也不断发展。现在，网页设计越来越多样化，其中之一就是加入边框样式，给网页添加一个整体的外观，使网页更加美观。本文将介绍如何使用 CSS 给 HTML 加边框。
首先，我们需要在 HTML 中添加一个元素，该元素将包含我们需要添加边框的文本。例如，我们可以使用以下代码创建一个带有边框的按钮：
接下来，我们可以使用 CSS 样式来设置边框的颜色、宽度和样式。以下是一个简单的样式示例，用于设置按钮的边框颜色和宽度：
button {
background-color: #f00;
border: none;
border-bottom: 1px solid #ccc;
padding: 10px;
这个示例中，我们使用了 `border-bottom` 属性来设置按钮的边框bottom部分的颜色和宽度。我们还可以使用其他属性，如 `border-top`、`border-right` 和 `border-left`，以控制边框在水平和垂直方向上的位置和宽度。
通过使用 CSS，我们可以轻松地给 HTML 添加边框，使网页更加美观。需要注意的是，当使用 CSS 设置边框时，我们还需要设置元素的内边距和边框高度，以确保元素与其他元素之间没有空隙。
通过使用 CSS 给 HTML 加边框，我们可以轻松地创建美观的网页，并根据不同的需求设置不同的边框效果。