在CSS3属性中，direction这个属性主要用来控制文本的方向流，对应的属性值有（1）down：文本流从下开始（2）left：文本流从左开始（3）ltr：文本流从左到右（4）right：文本流从右开始（5）rtl：文本流从右到左（6）up：文本流从上开始下面利用一个实例分别讲述direction属性的用法，操作如下：
工具/原料
1
HTML5
2
CSS3
3
HBuilder
4
浏览器
5
截图工具
方法/步骤
1
第一步，双击打开HBuilder设计工具，新建静态页面direction.html，如下图所示：
2
第二步，在
标签元素内插入一个标签，并在div标签插入一个无序列表，分别设置无序列表的子项class属性，如下图所示：3
第三步，保存代码并预览该静态页面，可以看到无序列表中的四个子项，如下图所示：
4
第四步，分别使用class选择器设置对应的direction属性，添加unicode-bidi属性，如下图所示：
5
第五步，再次保存代码并预览界面，可以查看到页面上的效果，如下图所示：
6
第六步，利用direction选择器设置div标签内样式，如字体属性、字体大小和背景渐变，如下图所示：
注意事项
1
注意CSS3属性direction的用法
2
注意direction属性几个属性值的用法
上一篇：如何吃泡过的洋参片--洋参蒸蛋
下一篇：搞定焦虑症，专家教你7招