border在html中是什么意思

作者：涅盘の梦发布日期:2026-05-13 浏览:112

<!DOCTYPE html>
<html>
<head>
    <title>Border 示例</title>
    <style>
        /* 使用 border 属性设置元素的边框 */
        .border-example {
            border: 2px solid black; /* 边框宽度为2px，样式为实线，颜色为黑色 */
            padding: 10px; /* 内边距，使内容与边框之间有一定的间距 */
            width: 200px;
            text-align: center;
        }
    </style>
</head>
<body>
    <div class="border-example">
        这是一个带有边框的 div 元素。
    </div>
</body>
</html>

解释说明：

border 是 CSS 中的一个属性，用于设置 HTML 元素的边框。
在上面的示例中，.border-example 类设置了 border 属性，定义了边框的宽度（2px）、样式（solid 实线）和颜色（black 黑色）。
padding 属性用于在内容与边框之间添加内边距，使内容不会紧贴边框。

上一篇：html图片居中

下一篇：html框架