天天看點

html頁面中漢字上面顯示拼音

漢字上面顯示拼音代碼如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>多行超出部分顯示省略号</title>
	</head>
	<body>
		<!--拼音是需要自己寫在<rt>标簽裡面的,也可以自己添加文字的樣式-->
		<ruby>肉多<rt>rouduo</rt></ruby>
		<ruby style="color: #f66;">你好<rt style="color: #007FFF;font-size: 20px;">nihao</rt></ruby>
	</body>
</html>
           

效果圖如下:

html頁面中漢字上面顯示拼音