html border

作者：硝烟发布日期:2025-02-06 浏览:283

<!DOCTYPE html>
<html>
<head>
    <title>HTML Border Example</title>
    <style>
        /* 使用 CSS 设置边框样式 */
        .bordered {
            border: 2px solid black; /* 边框宽度为2px，样式为实线，颜色为黑色 */
            padding: 10px; /* 内边距，使内容与边框之间有间距 */
            margin: 10px; /* 外边距，使元素与其他元素之间有间距 */
        }
    </style>
</head>
<body>

    <!-- 应用边框样式的 div 元素 -->
    <div class="bordered">
        这是一个带有边框的 HTML 元素。
    </div>

</body>
</html>

解释说明：

border: 2px solid black;：设置边框的宽度为2像素，样式为实线，颜色为黑色。
padding: 10px;：设置内边距为10像素，使文本与边框之间有一定的间距。
margin: 10px;：设置外边距为10像素，使该元素与其他元素之间有一定的间距。

通过这种方式，你可以轻松地为任何 HTML 元素添加边框。

上一篇：html标记

下一篇：html美化工具