margin含义演示
〈style>&` n$h"au_;f8x#idParentDiv{width:100%;height:3000px;padding:30px;background-color:buttonshadow;}
#idDiv{width:400px;height:80px;background-color:#FFD700;padding:6px;}
#idCodeDiv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}
〈/style>
〈script>
var iValue=0;:j'Bo(y`;~ o4l)h
function rdl_doAdd(e){6A2[s2uLm"vg
var oCodeDiv=document.all("idCodeDiv");
var oDiv=document.all("idDiv");
var oNum=document.all("idNum");$S X*E\ zB\+v
iValue+=1;1I%^k#_l$jn&U-P
oNum.value=oDiv.style.margin=iValue.toString()+"px";1GS/X5co$\S$^
oCodeDiv.innerText="margin : "+oNum.value+" ; ";
}
function rdl_doDvv(e){2r-c2a!~\6Z;tie vj
var oCodeDiv=document.all("idCodeDiv");i O k(^-d4\~+b7]
var oDiv=document.all("idDiv");
var oNum=document.all("idNum");
iValue-=1;OJ,H$d z"SM V
oNum.value=oDiv.style.margin=iValue.toString()+"px";
oCodeDiv.innerText="margin : "+oNum.value+" ; ";
}
〈/script>
〈div id=idParentDiv>/ge,v-@,X n2L
〈div id=idDiv>〈img src="http://www.geekg.com/files/images6/b5042104281d4ff9e6c0615d81a47409.jpg" style="float:left;border:21px solid #abce00;">请从下方选属性的值。〈/div>
〈/div>UL!I-T$D(J}*E r p
〈br>
〈table>〈tr>〈td>8H${.v-a-f!QL5zy
〈input id=idNum type=text value="0px" size=40 readonly>m1j)ueGP|5FR
〈/td>〈td>
〈input type=button onclick="rdl_doAdd();" value=" + " id=idBtn1>0rlI,^jL
〈/td>〈td>
〈input type=button onclick="rdl_doDvv();" value=" - " id=idBtn2>
〈/td>〈/tr>〈/table>Q3N+nh'{S,u;}
〈div id=idCodeDiv>margin : 0px ; 〈/div>
页:
[1]