在網(wǎng)頁設(shè)計(jì)中，美觀的古詩樣式經(jīng)常被用來吸引用戶的眼球。CSS能夠通過樣式調(diào)整實(shí)現(xiàn)簡單的、具有美感的古詩UI設(shè)計(jì)。下面讓我們來看看如何使用CSS樣式寫出一個(gè)唐詩：

/*
唐詩《靜夜思》
*/
.poem {
font-family: 漢儀新蒂體簡;
font-size: 24px;
line-height: 1.5;
text-align: center;
margin: 50px auto;
width: 80%;
}
.poem p {
margin: 0;
padding: 0;
}
.poem span {
display: block;
font-size: 30px;
margin: 20px 0;
}
.poem em {
display: block;
font-size: 20px;
font-style: normal;
margin-top: 30px;
}
.poem em:first-child {
margin-top: 0;
}
.poem .author {
font-style: normal;
margin-top: 50px;
}
.poem .title {
font-size: 36px;
font-weight: bold;
margin-top: 100px;
}

上面的代碼實(shí)現(xiàn)了以下效果：

通過調(diào)整字體大小、字體類型以及行高等樣式屬性，我們?yōu)樘圃姟鹅o夜思》添加了美觀的樣式。除此之外，在p標(biāo)簽中還使用了span標(biāo)簽來實(shí)現(xiàn)每一句的換行，并使用em標(biāo)簽來表示作者。

總之，CSS樣式可以為古詩添加更多的美感，從而更好地吸引用戶的眼球。