网页排版CSS教学

网页排版CSS教学(31) <DIV><SPAN class=e>支　持：</SPAN><SPAN class=b>ＩＥ３、ＩＥ４、ＮＣ４</SPAN><BR><SPAN class=e>适　用：</SPAN><SPAN class=b>区块元素</SPAN><BR><SPAN class=e>可能值：</SPAN><SPAN class=b>依序设定top,right,bottom,left的边缘宽度</SPAN>
<TABLE cellSpacing=0 cellPadding=2 width=500 border=1>
<TBODY>
<TR>
<TD class=c width=150>&lt;length&gt; {1,4}</TD>
<TD class=d width=350>长度单位，请参考第一章基本单位的相关说明</TD></TR>
<TR>
<TD class=c width=150>&lt;percentage&gt; {1,4}</TD>
<TD class=d width=350>百分比，相对于元素宽度大小</TD></TR>
<TR>
<TD class=c width=150>auto {1,4}</TD>
<TD class=d width=350>使用浏览器预设值</TD></TR></TBODY></TABLE><SPAN class=e>预设值：</SPAN><SPAN class=b>无</SPAN><BR><SPAN class=e>继承性：</SPAN><SPAN class=b>无</SPAN><BR>
<DIV class=ex><SPAN class=ex>一般范例：</SPAN>DIV { margin : 20pt 15pt 10pt 5pt }<BR><SPAN class=ex>同轴范例：</SPAN>&lt;DIV style="margin:20pt 15pt 10pt 5pt"&gt;</DIV>　　要附带说明的是，如果指定了四个合法设定值，则会依序套用于四个边缘；如果只 有指定一个合法设订值，则会统一套用于四个边持；若只有指定二或三个合法设定值，则 未指定的边缘会套用对边的宽度设定值。 </DIV>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width=550 border=0>
<TBODY>
<TR>
<TD class=b width=250 height=20><SPAN class=p>DIV { margin: 20pt }</SPAN></TD>
<TD class=b width=300 height=20><SPAN class=p>→top=20pt;right=20pt;bottom=20pt;left=20pt</SPAN></TD></TR>
<TR>
<TD class=b width=250 height=20><SPAN class=p>DIV { margin: 20pt 15pt }</SPAN></TD>
<TD class=b width=300 height=20><SPAN class=p>→top=20pt;right=15pt;bottom=20pt;left=15pt</SPAN></TD></TR>
<TR>
<TD class=b width=250 height=20><SPAN class=p>DIV { margin: 20pt 15pt 10pt }</SPAN></TD>