<div style="float:left;width=100px;border:1px solid red;">第一</div><div style="float:right;width=100px;border:1px solid red;">第二</div><div style="float:left;width=79%;border:1px solid red;">第三</div>
边距设定
<HTML>
<HEAD>
<TITLE>CSS边距属性 margin</TITLE>
<STYLE type="text/css">
.D1{border:1px solid #FF0000;}
.D2{border:1px solid gray;}
.D3{margin:0.5cm 1cm 2.5cm 1.5cm;border:1px solid gray;}
</STYLE>
</HEAD>
<BODY>
<DIV CLASS="D1">
<DIV CLASS="D2">没有margin</DIV>
</DIV>
<P>上面两个div没有设置边距属性(margin)，仅设置了边框属性(border)。外面那个div的border设为红色，里面那个div的border属性设为灰色。</P>
<HEAD>
<TITLE>CSS边距属性 margin</TITLE>
<STYLE type="text/css">
.D1{border:1px solid #FF0000;}
.D2{border:1px solid gray;}
.D3{margin:0.5cm 1cm 2.5cm 1.5cm;border:1px solid gray;}
</STYLE>
</HEAD>
<BODY>
<DIV CLASS="D1">
<DIV CLASS="D2">没有margin</DIV>
</DIV>
<P>上面两个div没有设置边距属性(margin)，仅设置了边框属性(border)。外面那个div的border设为红色，里面那个div的border属性设为灰色。</P>
<P>和上面两个div的CSS属性设置不同的是，下面两个div中，里面的那个div设置了边距属性(margin)，设定上边距为0.5cm，右边距为1cm，下边距为2.5cm，左边距为1.5cm。</P>
<DIV CLASS="D1">
<DIV CLASS="D3">上下左右边距宽度各不同</DIV>
</DIV>
</BODY>
</HTML>
<DIV CLASS="D1">
<DIV CLASS="D3">上下左右边距宽度各不同</DIV>
</DIV>
</BODY>
</HTML>
7910
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
