页面背景颜色设置青色系,中间注册区域为白色,文字居中
时间: 2024-11-27 08:17:09 浏览: 5
世界地图背景商务系列青色PPT模板.ppt
页面设计时,如果想要营造一种清新自然的效果,可以选择青色作为背景色。青色系列可以是柔和的浅青或者是深沉的翠绿,这取决于整体风格和品牌的定位。要创建这种对比效果,可以在HTML中通过CSS来设置:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<style>
body {
background-color: #87CEEB; /* 这里是一个示例浅青色 */
display: flex;
justify-content: center; /* 文字水平居中 */
align-items: center; /* 文字垂直居中 */
height: 100vh; /* 全屏高度 */
margin: 0; /* 清除默认边距 */
}
.register-area {
background-color: white; /* 注册区域设为白色 */
padding: 20px; /* 内容区留有一定空间 */
text-align: center; /* 区域内文字也居中 */
}
</style>
</head>
<body>
<div class="register-area">
<!-- 在这里输入注册表单内容,如文本框、按钮等,都会居中显示 -->
<h1>欢迎注册!</h1>
<form action="/register" method="post">
<!-- 形式的元素填写在这里 -->
</form>
</div>
</body>
</html>
```
阅读全文