通过使用标签选择器来控制元素,并运用CSS导入式的方法来输出一首诗《关山月》。
时间: 2024-05-12 22:17:36 浏览: 84
很高兴回答您的问题。以下是使用标签选择器和CSS导入式输出《关山月》的示例代码:
HTML代码:
```html
<div class="poem">
<p>关山月</p>
<p>作者:李白</p>
<p>明月出天山,苍茫云海间。</p>
<p>长风几万里,吹度玉门关。</p>
<p>汉下白登道,胡窥青海湾。</p>
<p>由来征战地,不见有人还。</p>
<p>戍客望边色,思归多苦颜。</p>
<p>高楼当此夜,叹息未应闲。</p>
</div>
```
CSS导入式代码:
```css
@import url("poem.css");
```
CSS代码(poem.css):
```css
.poem p:first-child {
font-size: 24px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.poem p:nth-child(2) {
font-size: 16px;
text-align: center;
margin-bottom: 20px;
}
.poem p:not(:first-child):not(:nth-child(2)) {
text-indent: 2em;
line-height: 1.5;
margin-bottom: 15px;
}
.poem p:last-child {
text-align: right;
font-style: italic;
margin-top: 30px;
}
```
希望这个示例对您有所帮助!
阅读全文