写一个HTML页面让他背景色为白色中间有一个像WINDOWS11的一个小窗口颜色为灰色不用实现放大关闭等按钮窗口上要有标题还要有一个小图标图标文件路径在qjpg标题所在的div颜色要比窗口深一点并且与窗口的上端和左右对齐圆角
以下是一个满足要求的HTML页面代码:
<!DOCTYPE html>
<html>
<head>
<title>Windows 11 Style Window</title>
<style>
body {
background-color: white;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.window {
background-color: #d3d3d3;
width: 300px;
height: 200px;
border-radius: 10px;
position: relative;
}
.window .title-bar {
background-color: #b3b3b3;
height: 30px;
display: flex;
align-items: center;
padding: 0 5px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.window .title-bar .icon {
width: 20px;
height: 20px;
background-image: url('./q.jpg');
background-size: cover;
margin-right: 5px;
}
.window .content {
padding: 10px;
}
</style>
</head>
<body>
<div class="window">
<div class="title-bar">
<div class="icon"></div>
<div class="title">Window Title</div>
</div>
<div class="content">
<!-- Window content goes here -->
</div>
</div>
</body>
</html>
在上面的代码中,我们使用了CSS来定义样式。.window 类设置了窗口的样式,.title-bar 类设置了标题栏的样式,.icon 类设置了图标的样式
原文地址: http://www.cveoy.top/t/topic/iFkh 著作权归作者所有。请勿转载和采集!