首页html古诗关山月居中案例

html古诗关山月居中案例

时间: 2023-10-12 10:12:58 浏览: 106

案例3-3 关山月.html

以下是一个HTML古诗《关山月》居中的案例： ```html <!DOCTYPE html> <html> <head> <title>关山月</title> <meta charset="UTF-8"> <style> .center { text-align: center; } </style> </head> <body> <div class="center"> <h1>关山月</h1> <p>明月出天山，苍茫云海间。</p> <p>长风几万里，吹度玉门关。</p> <p>汉下白登道，胡窥青海湾。</p> <p>由来征战地，不见有人还。</p> <p>戍客望边色，思归多苦颜。</p> <p>高楼当此夜，叹息未应闲。</p> </div> </body> </html> ``` 在上面的代码中，我们使用了CSS样式，将`div`元素中的文本居中对齐。我们使用了`.center`类来定义这个样式，将`text-align`属性设置为`center`即可。整个古诗都被包括在这个带有居中样式的`div`元素中，从而实现了古诗的居中显示。

阅读全文