隨著全球互聯網的普及，漢語在互聯網上的應用越來越廣泛。其中，為了方便人們的閱讀和理解，在CSS樣式中加入漢字拼音也越來越流行。

加入漢字拼音的方法較為簡單，只需要在CSS樣式中加入以下代碼：

p {
font-size: 16px;
line-height: 1.5;
text-align: justify;
-webkit-ruby-position: under;
ruby-position: under;
}

其中，-webkit-ruby-position: under;和ruby-position: under;是最關鍵的部分，它們表示字下加拼音，并可兼容各種瀏覽器。

在HTML中，只需要在需要加拼音的文字后面，用<ruby><rb>文字</rb><rp>(</rp><rt>拼音</rt><rp>)</rp></ruby>的格式來寫，即可在網頁中實現字下加拼音的效果。

例如：

中國語言(zhōng yǔ)真美(měi)！

以上代碼表示“中國語言真美！”這句話中，“語言”下面加上“zhōng yǔ”的拼音，“美”下面加上“měi”的拼音。

在網頁設計中，為了增強用戶體驗，提高信息傳達的效率，我們可以嘗試在重要場合下使用字下加拼音的樣式，讓用戶更好地理解和記憶網頁內容。