原创力文档- 1、本文档共87页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 五、边界（margin） 第八章 盒模型 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1. 边界 margin 区域在边框之内。 margin 区域不应用背景。 margin-top margin-bottom margin-right margin-left Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 可以单独设置上、右、下、左边界的大小。 margin-top: 2px; margin-right: 4px; margin-bottom: 6px; margin-left: 8px; 2. 设置边界的大小 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 也可以同时设置4个方向边界的大小。 margin: 2px 4px 6px 8px; /*上，右，下，左*/ margin: 2px 4px 6px; /*上，左右，下 */ margin: 2px 4px; /*上下，左右*/ margin: 2px; /*上下左右*/ 2. 设置边界的大小（续） Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 当两个元素的垂直边界相遇时，它们将发生重叠。 3. 垂直边界重叠 content content margin-top: 30px; margin-bottom: 20px; 理论上 content content margin-top: 30px; 实际上 边界重叠，形 成一个边界。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. #box1, #box2 { height: 100px; width: 100px; border: 10px solid #FF0099; margin: 30px 0; } 3. 垂直边界重叠（续） 例： 发生边界重叠 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 边界重叠的意义：让段落各处的边界一致。 3. 垂直边界重叠（续） p { margin: 15px 0;} 如果边界不重叠 边界重叠 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 父子元素的垂直边界相遇时，子元素的边界将重叠在父元素的边界上。 4. 父子垂直边界重叠 content #son { margin-top: 30px; } Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 父子元素的垂直边界相遇时，子元素的边界将重叠在父元素的边界上。 注意： IE 浏览器（IE6 和 IE7）中，父子元素的边界不重叠。 4. 父子垂直边界重叠 content margin-top: 30px; 理论上 content m
文档评论（0）