首页用html css显示一悯农·其二一诗，绿色字体

用html css显示一悯农·其二一诗，绿色字体

时间: 2024-09-27 19:04:11 浏览: 33

要使用HTML和CSS显示《悯农·其二》这首诗，绿色字体，可以按照以下步骤创建一个简单的网页布局： ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>悯农·其二</title> <style> body { background-color: #f0f0f0; /* 设置页面背景色 */ font-family: Arial, sans-serif; /* 设定通用字体 */ } .poem-container { max-width: 600px; margin: auto; padding: 20px; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .green-text { color: green; /* 绿色字体 */ } </style> </head> <body> <div class="poem-container"> <h1>悯农·其二</h1> <p class="green-text"> 春种一粒粟，秋收千颗子。四海无闲田，农夫犹饿死。 </p> </div> </body> </html> ``` 在这个示例中，HTML部分包含了诗歌内容，CSS部分设置了页面的整体样式以及绿色字体的样式。将以上代码复制到一个新的HTML文件中，并保存为`.html`格式，然后用浏览器打开即可看到绿色字体的《悯农·其二》。

阅读全文