css实现文字竖排

作者:林炜贤来源:www.163css.com发表时间:(2010-09-08)

估计做网页制作的人都会碰到过这个问题,那就是在做页面的时候,需要实现文字竖排的效果。由于dreamweaver关没有提供"writing-mode"这个提示,因此,相信许多人做这个效果的时候都要去百度一下,比如说我,也是要的,不过我现在记住了。

“writing-mode:tb-rl ”,tb表示top,bottom;lt表示left,right;这下明白了吗?先上下,然后再左右就是实现竖排的效果了。

以下我制作的效果截图:

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.com/hihilinxuan/css/201009/wzsp/index.html

下载地址:css实现文字竖排.rar

返回作者主页:www.163css.com阅读 (9038)
更多 1