html边框怎么设置

作者：烟寂断魂发布日期:2026-02-08 浏览:83

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

解释说明：

border: 2px solid red;：这行代码设置了元素的边框。2px 表示边框的宽度为 2 像素，solid 表示边框的样式为实线，red 表示边框的颜色为红色。
padding: 10px;：这行代码设置了内边距，使内容与边框之间有一定的空间，避免内容紧贴边框。

如果你需要更复杂的边框设置，可以分别设置边框的宽度、样式和颜色，或者为不同的边设置不同的边框。

上一篇：html在线生成

下一篇：html cursor