写一个HTML页面让他背景色为白色中间有一个像WINDOWS11的一个小窗口颜色为灰色不用实现放大关闭等按钮窗口上要有标题还要有一个小图标标题所在的div颜色要比窗口深一点并且与窗口的上端和左右对齐
请参考以下示例代码:
<!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为window的div来表示窗口,设置了它的背景色为灰色,并指定了它的宽度、高度和居中显示的位置。在窗口上方,我们使用了一个class为title-bar的div来表示标题栏,设置了它的背景色为稍深一点的灰色,并指定了它的高度、行高、内边距和字体样式。在标题栏中,我们使用了一个class为icon的span来表示图标,设置了它的宽度、高度和背景色,并通过inline-block和vertical-align属性将其垂直居中显示
原文地址: http://www.cveoy.top/t/topic/iFjO 著作权归作者所有。请勿转载和采集!