＜!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"＞
＜head＞
＜meta http-equiv="Content-Type" content="text/html; charset=utf-8" /＞
＜title＞无标题文档＜/title＞
＜style type="text/css"＞
*{ font-size:14px;}
.article *{float:left;}
div.vertical_word , p.vertical_word{width:1em;}
＜/style＞
＜/head＞ ＜body＞
＜div class="article"＞
＜div class="vertical_word" style="background-color:#CFC;"＞
文字竖排，中x国x或x进x入x高x油x价x时x代x消x费x者x将x体x味x更x直x接x冲x击！
＜/div＞
＜p class="vertical_word" style="background-color:#9FC;"＞
文字竖排，中x国x或x进x入x高x油x价x时x代x消x费x者x将x体x味x更x直x接x冲x击！
＜/p＞
＜br style="clear:both;"/＞
＜/div＞
＜div class="other" style="background-color:#FF9;"＞
＜p＞中x国x或x进x入x高x油x价x时x代x消x费x者x将x体x味x更x直x接x冲x击。中x国x或x进x入x高x油x价x时x代x消x费x者x将x体x味x更x直x接x冲x击。＜/p＞
＜/div＞
＜/body＞
＜/html＞
1、如何用ul制作一行菜单
<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul> ......
<body style="background-color:#000" mce_style="background-color:#000">
<div style="background-color:#fff; width:500px; height:200px; filter:alpha(opacity='50'); opacity:0.5">这个背景是透明的</div>
</body>
/*IE*/
filter:alpha(opacity='50');
/*FF*/ ......
