写一个HTML页面让他背景色为白色中间有一个像WINDOWS11的一个小窗口颜色为灰色不用实现放大关闭等按钮窗口上要有标题还要有一个图标标题所在的div颜色要比窗口深一点
以下是一个实现您要求的HTML页面代码:
<!DOCTYPE html>
<html>
<head>
<title>Windows 11 Style Window</title>
<style>
body {
background-color: white;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.window {
background-color: lightgray;
width: 400px;
height: 300px;
padding: 10px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.title-bar {
background-color: #8c8c8c;
padding: 5px;
border-radius: 5px 5px 0 0;
margin-bottom: 10px;
display: flex;
align-items: center;
}
.title {
color: white;
margin-left: 5px;
}
.icon {
width: 20px;
height: 20px;
background-color: #6c6c6c;
margin-right: 5px;
}
</style>
</head>
<body>
<div class="window">
<div class="title-bar">
<div class="icon"></div>
<div class="title">Window Title</div>
</div>
<p>This is the content of the window.</p>
</div>
</body>
</html>
这个HTML页面创建了一个背景色为白色的页面,中间有一个类似于 Windows 11 的小窗口。窗口的背景色为灰色,没有实现放大、关闭等按钮。窗口上有一个标题栏,标题栏的背景色比窗口深一点。标题栏里面有一个图标和标题文字。窗口的大小为 400px * 300px,窗口与页面居中显示
原文地址: http://www.cveoy.top/t/topic/iFjy 著作权归作者所有。请勿转载和采集!