首页编辑网页，内容为李白的诗“静夜思”。要求：每行诗为一个段落，四行文字颜色不同。

编辑网页，内容为李白的诗“静夜思”。要求：每行诗为一个段落，四行文字颜色不同。

时间: 2024-10-23 17:02:41 浏览: 40

当编辑网页呈现李白的《静夜思》时，可以采用HTML和CSS结合的方式来实现这个需求。首先，在HTML部分，将诗歌分为四个段落，每个段落代表一行诗： ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <style> /* 使用CSS给每个段落设置不同的背景色 */ .line1 { background-color: #f5f5dc; /* 示例颜色1 */ } .line2 { background-color: #e0e0ff; /* 示例颜色2 */ } .line3 { background-color: #808080; /* 示例颜色3 */ } .line4 { background-color: #ffffff; /* 示例颜色4 */ } p { font-size: 16px; line-height: 1.5; padding: 10px; margin: 0; } </style> </head> <body> <p class="line1">床前明月光，疑是地上霜。</p> <p class="line2">举头望明月，低头思故乡。</p> <p class="line3">无言独上西楼，月如钩。</p> <p class="line4">寂寞梧桐深院锁清秋。</p> </body> </html> ``` 在这个例子中，`.line1`至`.line4`分别对应每一行诗，并设置了不同的背景颜色。你可以根据需要替换背景颜色。

阅读全文