<div style="width:200px;height:200px;background-color:Black;"></div>
<div style="background-color:Black;width:500px;height:500px;"><div style="margin:5px 10px 20px 30px;width:200px; height:200px;background-color:White;"></div></div>
<div style="width:500px;height:500px;background-color:Black;"><div style="margin-left:50px; margin-top:50px; width:200px; height:200px;background- color:White;"></div></div>
<div style="padding:5px 10px 20px 30px;background-color:Black;width:500px;height:500px;"><div style="width:200px; height:200px;background-color:White;"></div></div>
<div style="padding-left:50px;padding-top:50px;width:150px;height:150px;background-color:Black;"><div style="width:140px; height:140px;background-color:White;"></div></div>
<div style="width:200px; height:200px;background-color:Black;"><div style="position:relative; top:10px;left:10px; width:140px; height:140px;background-color:White;"></div><div style="position:absolute; top:60px;left:60px; background-color:Silver;width:100px;height:100px;"></div><div style="position:fixed; top:210px;left:210px; background-color:Navy;width:100px;height:100px;"></div></div><div style="position:absolute; top:50px;left:50px; background-color:Blue;width:100px;height:100px;"></div><div style="position:fixed; top:200px;left:200px; background-color:Navy;width:100px;height:100px;"></div><div style="position:static; top:200px;left:100px; background-color:Yellow;width:100px;height:100px;"></div>
<div style="position:absolute; top:50px;left:50px; width:100px; height:100px;background-color:black;"></div><div style="position:absolute; top:60px;left:60px; width:100px; height:100px;background-color:Blue;z-index:1;"></div><div style="position:absolute; top:70px;left:70px; background-color:Silver;width:100px;height:100px;"></div>
<div style="text-align:left; text-decoration:line-through blink; text-indent:30px; text-transform:capitalize;color:Blue; font:bold italic 14px 宋体; background-color:Yellow">
明月几时有?把酒问青天。不知天上宫阙、今夕是何年?我欲乘风归去,惟恐琼楼玉宇,高处不胜寒.起舞弄清影,何似在人间? 转朱阁,低绮户,照无眠。不应有恨、何事长向别时圆?人有悲欢离合,月有阴晴圆缺,此事古难全。但愿人长久,千里共蝉娟。abcdefghijklmnopqRSTUVWXYZ</div>
<div style="font:16px 宋体;width:600px;height:200px; word-spacing:5px; line-height:20px;direction:rtl; overflow:auto;background-color:Yellow">
<div style="border:dotted 2px black; background-color:Yellow; width:100px;height:100px;"></div>
<label style="font-size:14px;">选择样式:</label><select id="bstyle" onchange="document.getElementById('tdd').style.borderStyle=this.options[this.selectedIndex].text;"><option selected="selected">none</option><option>dashed</option><option>dotted</option><option>groove</option><option>hidden</option><option>inset</option><option>outset</option><option>ridge</option><option>double</option><option>solid</option></select><div id="tdd" style="border-style:none; border-width:5px; border-color:Black; width:100px;height:100px;background-color:Yellow;"></div>
<div style="width:600px;height:200px; background:yellow url(mw3.jpg) repeat scroll;overflow:auto"><div style="width:2px;height:1000px;"></div></div>
1 <div style="background-color:Yellow; background-image:url(mw3.jpg); background-position:right bottom; background-attachment:scroll; width:600px;height:200px;">23 </div>
<div style="font:16px 宋体;width:600px;height:200px; cursor:help; clip:rect(0px 100px 20px 0px); line-height:20px; overflow:auto;background-color:Yellow;position:absolute">div样式测式how areyou.</div>
<div style="width:450px;height:200px;background-color:Blue;"><div id=”tdiv” style="background-color:Yellow; filter:alpha(opacity=50);opacity:0.5;float:left; width:200px;height:200px;" ></div><div style="background-color:Yellow; width:200px;height:200px;float:left;"></div></div>
<style type="text/css">#paneldiv div{background-Color:yellow;height:200px;width:200px;}</style><div id="paneldiv" style="width:230px;height:2300px;background-color:Blue;"><div style="filter:alpha(opacity=0,finishopacity=80,style=1,startx=10,starty=10,FinishX=100, FinishY=100);opacity:0.5;">alpha效果:</div><div style="filter:blur(add=1,direction=100,strength=5);">blur效果:add为1代表字有阴影,0代表字全部模糊。abcdefghijklmnopqrstuvwxyz</div><div style="filter:chroma(color='#ff0000')" onclick="this.style.backgroundColor='#ff0000'" ondblclick="this.style.backgroundColor='black';">chroma效果:原为黄色,单击变成红色变成透明,双击变成黑色。</div><div style="filter:FlipH;">fliph效果:ABCDEFGHIJKLMNOP此属性在设置宽高后有效</div><div style="filter:FlipV;">
sfasdfasdfasdfsadf</div><div style="filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B5CCFA', EndColorStr='#ffffff');">progid:dximagetransform.microsoft.gradient效果:endendendendendendendendendend</div></div><div style="filter:DropShadow(color='#666666',OffX='3',OffY='3',Positive='1');width:200px;height:200px;">dropshadow效果:此效果只有在不设置背景色时有效,这时Color指定的将成为背景色。此时背上的字将是清晰的。positive为0时color将成为背景色,为1时color只是文本投影的颜色。</div>
<div style="filter:Glow(color='#0000ff',strength='3');width:100px;height:100px;">glow效果:strength的光的强度0--100;此时不能设DIV的背景色。</div><div style="filter:mask(color='ff0000'); width:100px;height:100px;text-transform:uppercase;color:black; ">
sfasdfasdfasdfsadf</div><div style="filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=100, StartColorStr='#B5CCFA', EndColorStr='#ffffff');width:100px;height:100px;">渐变效果。endendendendendendendendendend</div><div style="filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=5);width:100px;height:100px;">lsksalsslalalalalalalal</div><div style="filter:alpha(opacity=100, finishOpacity=0,style=2);width:100px; height:100px;background-color:Yellow;"></div>