1、选中DIVb2，点击右侧CSS选项卡下的+号，添加CSS样式定义。
2、在新建CSS规则面板下选择#b2（对应DIV b2的ID），确定。
3、在CSS规则定义面板左侧分类下选择方框，右侧输入对应的数值。b2的DIV定义好了
4、下面定义DIV001，同样选中DIV001，点+号新建CSS。
5、在CSS规则定义下选择“背景”，选择好色彩，
6、选择“方框”，定义DIV001的宽，高，浮动float为left。
7、同DIV001一样，新建DIV002样式。
8、选择背景色
9、选择方框后，填写DIV002的样式属性值，注意，因为它是向右浮动的，所以这里的FLOAT要选择为right。
10、同DIV001一样，新建并设定DIV003的参数
11、定义DIV004的样式，因为DIV004和上面的DIV-B2是一样的宽度，所以这里设置为width:400px，Clear为both，防止有的浏览器兼容性问题而位移。
12、设置完毕，查看左侧的效果。
将这段文字的writing-mode(对象的。书写方向)设置为lr-tb(从左到右，从上到下)。注意这个属性的参数是分为两个部分的，一部分是水平方向的阅读顺序，另一部分是垂直方向的阅读顺序。
writing-mode和text-align是网页文字排版的两个中重要的属性。writing-mode如上是设置文字的书写方向。text-align是设置文字的对齐方向，其主要参数有left：左对齐，right：右对齐，center：居中，justify：两端对齐。
