请参考以下示例代码:

<!DOCTYPE html>
<html>
<head>
    <title>Windows 11 Style Window</title>
    <style>
        body {
            background-color: white;
            margin: 0;
            padding: 0;
        }
        
        .window {
            background-color: #dcdcdc;
            width: 300px;
            height: 200px;
            margin: 50px auto;
            position: relative;
        }
        
        .title-bar {
            background-color: #b0b0b0;
            height: 30px;
            line-height: 30px;
            padding: 0 10px;
            font-weight: bold;
            color: white;
        }
        
        .icon {
            width: 20px;
            height: 20px;
            background-color: #b0b0b0;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
        }
    </style>
</head>
<body>
    <div class="window">
        <div class="title-bar">
            <span class="icon"></span>
            Window Title
        </div>
    </div>
</body>
</html>

上述代码中,我们创建了一个HTML页面,背景色为白色。在页面中,我们使用了一个class为windowdiv来表示窗口,设置了它的背景色为灰色,并指定了它的宽度、高度和居中显示的位置。在窗口上方,我们使用了一个class为title-bardiv来表示标题栏,设置了它的背景色为稍深一点的灰色,并指定了它的高度、行高、内边距和字体样式。在标题栏中,我们使用了一个class为iconspan来表示图标,设置了它的宽度、高度和背景色,并通过inline-blockvertical-align属性将其垂直居中显示

写一个HTML页面让他背景色为白色中间有一个像WINDOWS11的一个小窗口颜色为灰色不用实现放大关闭等按钮窗口上要有标题还要有一个小图标标题所在的div颜色要比窗口深一点并且与窗口的上端和左右对齐

原文地址: http://www.cveoy.top/t/topic/iFjO 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录