首页html我的心灵小屋代码

html我的心灵小屋代码

时间: 2023-11-04 15:06:06 浏览: 644

很高兴为您提供HTML代码，创建一个心灵小屋网页，请参考以下代码： ```html <!DOCTYPE html> <html> <head> <title>我的心灵小屋</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> body { background-color: #f5f5f5; font-family: Arial, sans-serif; color: #333; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; font-size: 2em; font-weight: bold; text-shadow: 1px 1px #666; } .container { margin: 20px auto; max-width: 800px; padding: 20px; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } h1 { font-size: 1.5em; font-weight: bold; margin-bottom: 10px; } p { line-height: 1.5; margin-bottom: 20px; } footer { background-color: #333; color: #fff; padding: 10px; text-align: center; font-size: 0.8em; text-shadow: 1px 1px #666; } </style> </head> <body> <header>我的心灵小屋</header> <div class="container"> <h1>欢迎来到我的心灵小屋</h1> <p>这是我分享自己内心感受和经历的地方，希望能给你带来一些启示和帮助。</p> <p>我相信每个人都拥有一份独特的灵魂和价值，希望我们可以在这里互相交流和分享，一起成长。</p> <p>感谢你的来访，祝你在我的小屋里度过一个美好的时光。</p> </div> <footer>© 2021 我的心灵小屋</footer> </body> </html> ``` 您可以将此代码复制到文本编辑器中，并将文件保存为 `.html` 文件，然后在浏览器中打开即可看到效果。

阅读全文