CSS3文字竖排效果
分类：实例代码
本篇文章，俺将跟大家介绍CSS3文字竖排效果
在当前大家都习惯于横向排列的文本，但是绝大多数朋友也是知道的，在古代中国的文本是竖向排列的.
本章节通过代码实例介绍一下如何实现文本的竖向排列效果，这样的需求在实际应用中也是有的。
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<style type="text/css">
#webfx{
position:absolute;
background:red;
top:50px;
right:100px;
width:100px;
writing-mode:tb-rl;
-webkit-writing-mode:vertical-rl;
}
</style>
</head>
<body>
<div id=webfx>前端教程网欢迎您</div>
</body>
</html>
CSS3文字竖排效果就介绍到这里了，有关更多实例代码大家可以查看前端实例代码