写一个绚丽的html 监控页面,其中分两部分
时间: 2023-02-26 11:52:29 浏览: 51
您好!我很高兴为您写一个绚丽的 HTML 监控页面。以下是该页面的代码:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Monitoring Dashboard</title>
<style>
/* Add some style to make the page look nice */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
text-align: center;
}
h1 {
color: #0077be;
}
.container {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 50px;
}
.card {
background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
width: 400px;
height: 250px;
margin: 20px;
text-align: left;
}
.card h2 {
color: #0077be;
padding: 20px;
}
.card p {
padding: 20px;
}
</style>
</head>
<body>
<h1>Monitoring Dashboard</h1>
<div class="container">
<!-- Part 1 -->
<div class="card">
<h2>Part 1</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc laoreet congue orci, id faucibus magna fermentum eget. Fusce eget tincidunt sapien, id tempor elit. Proin id elit at nisl bibendum pellentesque. Nam euismod tempor nunc, at iaculis dui eleifend id.
</p>
</div>
<!-- Part 2 -->
<div class="card">
<h2>Part 2</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc laoreet congue orci, id faucibus magna fermentum eget. Fusce eget tincidunt sapien, id tempor elit. Proin id elit at nisl bibendum pellentesque. Nam euismod tempor nunc, at iaculis dui eleifend id.
</p>
</div>
</div>
</body>
</html>
```
请注意,上面的代码只是一个简单的模板,您可以根据自己的需求进行修改。如果您需