网页设计与制作教程737111093.pptVIP

网页设计与制作教程 机械工业出版社同名教材 配套电子教案 2005.8 (2) 右边的外延边距（margin-right） 语法：margin-right : length | auto 参数：同margin-top。 说明：同margin-top。 示例： body { margin-right: 11.5%; } (3) 底边的外延边距（margin-bottom） 语法：margin-bottom : length | auto 参数：同margin-top。 说明：同margin-top。 示例： body { margin-bottom: 11.5%; } 3.5 样式表的常用属性 3.5.3 控制BOX的属性 (4) 左边的外延边距（margin-left） 语法：margin-left : length | auto 参数：同margin-top。 说明：同margin-top。 示例： body { margin-left: 11.5%; } 以上4项属性可以控制一个要素的四周的边距，每一个边距都可以有不同的置。或者设置一个边距，然后让浏览器用缺省设置设定其他几个边距。可以将边距应用于文字和其他对象。例如： h4 { margin-top: 20px; margin-bottom: 5px; margin-left: 100px; margin-right: 55px } 3.5 样式表的常用属性 3.5.3 控制BOX的属性 (5) 外延边距（margin） 语法：margin : length | auto 参数：length是由数字和单位标识符组成的长度值或百分数，百分数是基于父对象的高度；对于内联对象来说，左右外延边距可以是负数值。auto值被设置为对边的值。 说明：设置对象四边的外延边距，如图3-10，位于BOX模型的最外层，包括四项属性：margin-top（顶边的外延边距）、margin-right（右边的外延边距）、margin-bottom（底边的外延边距）、margin-left（左边的外延边距）。如图3-11所示。外延边距始终是透明的。 示例： body { margin: 36pt 24pt 36pt } body { margin: 11.5% } body { margin: 10% 10% 10% 10% } 3.5 样式表的常用属性 3.5.3 控制BOX的属性 2. 边框属性（Borders Properties） (1) 所有边框宽度（border-width） 语法：border-width : medium | thin | thick | length 参数：medium为默认宽度，thin为小于默认宽度，thick为大于默认宽度。length由数字和单位标识符组成的长度值，不可为负值。 示例： span { border-style: solid; border-width: thin } span { border-style: solid; border-width: 1px thin } 3.5 样式表的常用属性 3.5.3 控制BOX的属性 (2) 边框样式（border-style） 语法：border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset 说明：如果提供全部四个参数值，将按上、右、下、左的顺序作用于四个边框。如果只提供一个，将用于全部的四条边。如果提供两个，第一个用于上、下，第二个用于左、右。如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。 示例： body { border-style: double groove } body { border-style: double groove dashed } p { border-style: double; border-width: 3px } 3.5 样式表的常用属性 3.5.3 控制BOX的属性 (3) 边框色彩（border-color） 语法：border-color : color 参数：col