用CSS让网页文字竖排
2007-05-30 15:05
274 查看
用CSS让网页文字竖排
网页文字的竖排一般可能出现在网站主题表现文字书画、古色风韵等类网站,虽然竖排在文字处理软件中很容易实现,但在网页中就不那么容易了,为了让初学者少走弯路,这里整理出自己的一些经验供大家参考。
样式表的文字处理属性中有两个重要的属性:writing-mode和text-align。让我们先看看它们的用法:
1.writing-mode(设置对象书写方向)
语法:writing-mode : lr-tb、tb-rl
参数:lr-tb:从左向右,从上往下 tb-rl:从上往下,从右向左
示例:div { writing-mode: tb-rl; }
2.text-align(设置对象中文本的对齐方式)
语法:text-align : left、right、center、justify
参数:left:左对齐,right:右对齐,center:居中,justify:两端对齐
示例:div { text-align : center; }
接下来让我们制作一个竖排的实例:
< html >
< head >
< title >竖排文字< /title >
网页文字的竖排一般可能出现在网站主题表现文字书画、古色风韵等类网站,虽然竖排在文字处理软件中很容易实现,但在网页中就不那么容易了,为了让初学者少走弯路,这里整理出自己的一些经验供大家参考。
样式表的文字处理属性中有两个重要的属性:writing-mode和text-align。让我们先看看它们的用法:
1.writing-mode(设置对象书写方向)
语法:writing-mode : lr-tb、tb-rl
参数:lr-tb:从左向右,从上往下 tb-rl:从上往下,从右向左
示例:div { writing-mode: tb-rl; }
2.text-align(设置对象中文本的对齐方式)
语法:text-align : left、right、center、justify
参数:left:左对齐,right:右对齐,center:居中,justify:两端对齐
示例:div { text-align : center; }
接下来让我们制作一个竖排的实例:
< html >
< head >
< title >竖排文字< /title >
相关文章推荐
- 用CSS让网页文字竖排
- 网页文字竖排样式表(CSS)法
- 网页竖排文字的实现——只需要CSS
- css属性让网页文字实现竖排的几种方法
- Css实现文字竖排效果
- 利用CSS实现竖排文字文字效果
- CSS文字竖排
- css文字竖排
- CSS隐藏网页文字的几种常用方法
- CSS中链接的控制 同一网页中定义不同的文字连接颜色
- CSS 文字竖排(兼容IE,火狐)
- CSS奇特技巧:控制文字竖排
- HTML + CSS + DW 中的文字纵向竖排的方法
- CSS实现文字竖排 DIV CSS文字垂直竖列排版显示如何实现?
- HTML-css 简单网页小制作(图片、文字)---Day2
- 使用CSS如何实现文字竖排
- 4种CSS文字竖排方法
- css实现文字竖排
- CSS 竖排文字 【原】
- css文字双竖排显示