width在html中的用法

作者：资本principal 发布日期:2025-10-26 浏览:29

<!DOCTYPE html>
<html>
<head>
    <title>Width 示例</title>
    <style>
        /* 使用 width 属性设置元素的宽度 */
        .box {
            width: 200px; /* 固定宽度 */
            height: 100px;
            background-color: lightblue;
            margin: 10px;
        }

        .box-fluid {
            width: 50%; /* 相对宽度，相对于父元素的宽度 */
            height: 100px;
            background-color: lightcoral;
            margin: 10px;
        }
    </style>
</head>
<body>
    <div class="box">这是一个固定宽度为 200px 的盒子。</div>
    <div class="box-fluid">这是一个宽度为父元素 50% 的盒子。</div>

    <p>在 HTML 中，<code>width</code> 属性可以通过 CSS 来设置元素的宽度。它可以是固定的像素值（如 200px），也可以是相对值（如 50%）。</p>
</body>
</html>

上一篇：html border

下一篇：html美化工具