写一个HTML页面让他背景色为白色中间有一个像WINDOWS11的一个小窗口颜色为灰色不用实现放大关闭等按钮窗口上要有标题还要有一个小图标标题所在的div颜色要比窗口深一点
以下是一个实现您要求的基本HTML页面示例:
<!DOCTYPE html>
<html>
<head>
<title>Windows 11-like Window</title>
<style>
body {
background-color: white;
}
.window-container {
width: 300px;
height: 200px;
background-color: #dddddd;
margin: 100px auto;
padding: 10px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.window-title {
background-color: #cccccc;
color: white;
padding: 5px;
border-radius: 5px;
margin-bottom: 10px;
}
.window-icon {
width: 20px;
height: 20px;
background-color: #333333;
display: inline-block;
margin-right: 5px;
border-radius: 50%;
}
</style>
</head>
<body>
<div class="window-container">
<div class="window-title">
<span class="window-icon"></span>
Window Title
</div>
<!-- 内容 -->
</div>
</body>
</html>
在这个示例中,我们使用了CSS样式来定义页面的外观。.window-container类定义了窗口的样式,包括背景色、大小、边框、阴影等。.window-title类定义了标题栏的样式,包括背景色、颜色、内边距等。.window-icon类定义了图标的样式,包括大小、背景色等。
请注意,上述示例只是一个简单的实现,无法实现窗口的拖动、放大、关闭等功能。要实现更复杂的窗口行为,您可能需要使用JavaScript或其他前端框架
原文地址: http://www.cveoy.top/t/topic/iFjw 著作权归作者所有。请勿转载和采集!