HTML5使用<ruby>和<rt>来实现拼音标注效果
来源:互联网 发布:ipad下载软件付费 编辑:程序博客网 时间:2024/05/02 08:42
<!doctype html>
<html><head>
<style type="text/css">
ruby{
font-size:40px;
}
rt{
font-size:10px;
}
</style>
<meta charset="UTF-8">
</head>
<body>
<p>
<ruby>
海<rt>hai</rt>
水<rt>shui</rt>
朝<rt>chao</rt>
朝<rt>zhao</rt>
朝<rt>zhao</rt>
朝<rt>chao</rt>
朝<rt>zhao</rt>
朝<rt>chao</rt>
朝<rt>zhao</rt>
落<rt>luo</rt>
</ruby>
</p>
<p>
<ruby>
浮<rt>fu</rt>
云<rt>yun</rt>
长<rt>zhang</rt>
长<rt>chang</rt>
长<rt>chang</rt>
长<rt>zhang</rt>
长<rt>chang</rt>
长<rt>zhang</rt>
长<rt>chang</rt>
消<rt>xiao</rt>
</ruby>
</p>
</body>
</html>
阅读全文
0 0
- HTML5使用<ruby>和<rt>来实现拼音标注效果
- ruby与rt实现上标英文和拼音功能
- HTML拼音/音标注释标记ruby和它的子元素rt/rp
- HTML5 - 使用<time>标注日期和时间
- 使用HTML5实现刮刮卡效果
- 使用HTML5实现刮刮卡效果
- 使用HTML5来实现本地文件读取和写入
- Word自定义宏实现全文拼音标注
- 使用javascript和css来实现textbox水印效果
- html5使用<marquee>标签实现走马灯效果
- 使用HTML5和CSS3来创建幻灯片
- 使用HTML5和CSS3来设计slider
- 使用动态滤镜来实现淡入效果
- 使用混合来实现半透明效果
- OpenGL 使用混合来实现半透明效果
- 使用ActivityGroup来实现tabhost效果
- 使用混合来实现半透明效果
- OpenGL使用混合来实现半透明效果
- Reading Note: Progressive Growing of GANs for Improved Quality, Stability, and Variation
- 使用MVP注册登录模块+封装的OKhttp,拦截器+QQ第三方登录+RecyclerView+SpringView上拉加载下拉刷新网络数据
- 反射机制基础解析
- Codejam之Tidy Numbers
- 写冒泡排序可以排序多个字符串。
- HTML5使用<ruby>和<rt>来实现拼音标注效果
- 学习笔记TF064:TensorFlow Kubernetes
- Raft一致性框架_Copycat基础学习(一)
- Java互联网面试题之有XX网(互联网金融C轮企业)面试题
- 配置docker连接国内镜像库(linux)
- window下如何杀死指定端口 的进程
- Nginx基础介绍及源码编译nginx
- 分布式数据库系统(1)——概述,分布式数据库是什么?
- Python3.6安装pymssql