当前位置:编程学习 > JS >>

CSS古典竖排文字

很古典、有趣的CSS竖排文字,纯CSS代码实现,对于经常从事文字排版工作的朋友来说,用处不校试着改变它们的值,会有不同的发现。
答案:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>竖排文字</title>
</head>
<body>
<DIV style="WRITING-MODE: tb-rl; TEXT-ALIGN: left">
<DIV style="LINE-HEIGHT: 1.5em; LETTER-SPACING: 0.2em;">
有朋自远方来,不亦乐乎?人不知,而不愠,不亦君子乎?</DIV>
</DIV>
</body>
</html>

上一个:文字轮番交替出现
下一个:一款标题栏文字打字特效

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,