先看一下显示效果:

用很简单的CSS控制就可以实现以上的反射界面效果。
具体的实现操作大致有三种。
一、把dir=rtl写在<html></html>标签里。
例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir=rtl>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS练习页面</title>
<link href=".css" rev="stylesheet" rel="stylesheet" type="text/css" />
</head>
<body>
乌龙球测试一下浏览器界面反射效果
这里<BR>换行
</body>
</html>
二、把dir=rtl写在<body></body>标签里。
例子:
<body dir=rtl>
乌龙球测试一下浏览器界面反射效果
这里<BR>换行
</body>
三、把控制样式写在css里,不过写法有所改变。可以单独写在页面的<style></style>标签内,也可以写在css外链文件内做全全局样式。
例子:
<style>
html {
direction:rtl;
}
</style>
这三种方式是等效的,根据自己的样式使用习惯来选择就可以了。
注释一下:dir即direction,定向。rtl即Right To Left.