首页用html写一个核心价值观的页面

用html写一个核心价值观的页面

时间: 2023-10-05 07:14:33 浏览: 96

好的，以下是一个示例： ``` <!DOCTYPE html> <html> <head> <title>核心价值观</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { font-family: Arial, sans-serif; background-color: #F2F2F2; } h1 { text-align: center; font-size: 32px; color: #333333; } .container { width: 80%; margin: auto; padding: 20px; background-color: #FFFFFF; box-shadow: 2px 2px 5px #AAAAAA; } .values-container { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; } .value { width: 45%; padding: 20px; background-color: #EEEEEE; border: 1px solid #DDDDDD; border-radius: 5px; margin-bottom: 20px; box-shadow: 2px 2px 5px #AAAAAA; text-align: center; } .value h2 { font-size: 24px; margin-top: 0; margin-bottom: 10px; } .value p { font-size: 18px; line-height: 1.5; margin: 0; } </style> </head> <body> <h1>核心价值观</h1> <div class="container"> <div class="values-container"> <div class="value"> <h2>诚信</h2> <p>做人要讲信用，做事要讲实力。</p> </div> <div class="value"> <h2>创新</h2> <p>不断追求进步，不断探索未知。</p> </div> <div class="value"> <h2>团队合作</h2> <p>众人拾柴火焰高，合作共赢。</p> </div> <div class="value"> <h2>客户至上</h2> <p>客户是公司的命脉，用心服务每一位客户。</p> </div> </div> </div> </body> </html> ``` 这是一个简单的 HTML 页面，主要包含了一个标题，一个容器和四个核心价值观的方框。每个方框包含了一个标题和一个描述。可以根据需要进行样式调整。

阅读全文