第十二章CSS设置表格与表单.ppt

15.3 设置边框颜色 设置边框的颜色，同样可以选择设置单条边框的颜色，或是统一设置四条边框的颜色。所以可以选用的边框颜色属性也有五个： 　　上边框颜色属性border-top-color； 　　下边框颜色属性border-bottom-color； 　　左边框颜色属性border-left-color； 　　右边框颜色属性border-right-color； 　　边框颜色属性border-color. 其中边框颜色属性border-color是一个复合属性。 语法说明 在使用边框颜色复合属性border-color时： 如果只设置一种颜色，则四条边框的颜色一样； 设置两种颜色，则边框的上下为一个颜色，左右为另一个颜色； 设置三种颜色，边框的颜色顺序为上、左右、下； 设置四种颜色，边框的颜色顺序为上、右、下、左。 例：15-3-1.html * CSS边框属性 边框属性(border) 这个属性是边框属性的一个快捷的综合写法，它包含border-width, border -style和border-color。 .d1 {border:5px solid gray;} 例：15-4-1.html */50 在CSS中，我们还可以设置方框样式属性。利用方框框样式属性可以设置如下一些属性： 基本语法 　margin:边界：用来设置设置一个元素在四个方向上与浏览器窗口边界或上一级元素的边界距离； 　padding:填充：用来控制边框和其内部元素之间的空白距离; 　 CSS的方框属性 * CSS边距属性 边距属性是用来设置页面中一个元素所占空间的边缘到相邻元素之间的距离。 左边距属性(margin-left) 这个属性用来设定左边距的宽度。示例如下： .d1{margin-left :1cm} 右边距属性 (margin-right ) 这个属性用来设定右边距的宽度。示例如下： .d1 {margin-right:1cm} * CSS边距属性 上边距属性(margin-top) 这个属性用来设定上边距的宽度。示例如下： .d1 {margin-top:1cm} 下边距属性 (margin-bottom) 这个属性用来设定下边距的宽度。示例如下： .d1{margin-bottom:1cm} 边距属性(margin) 这个属性是设定边距宽度的一个快捷的综合写法，用这个属性可以同时设定上下左右边距属性。 * CSS边距属性 你可以为上下左右边距设置相同的宽度 。示例入下： .d1 {margin:1cm} 你也可以分别设置边距，顺序 是上，右，下，左。示例如下： .d1 {margin:1cm 2cm 3cm 4cm} 上面的代码表示 ，上边距为1cm，右边距为2cm，下边距为3cm，左边距为4cm。 例：15-5-1.html * CSS间隙属性 间隙属性(padding)是用来设置元素内容到元素边界的距离。 左间隙属性(padding-left ) 这个属性用来设定左间隙的宽度 。示例如下： .d1{padding -left:1cm} 右间隙属性(padding-right ) 这个属性用来设定右间隙的宽度。示例如下： .d1 {padding-right:1cm} * CSS间隙属性 上间隙属性(padding-top) 这个属性用来设定上间隙的宽度。示例如下： .d1 {padding-top:1cm} 下间隙属性(margin-bottom ) 这个属性用来设定下间隙的宽度。示例如下： .d1{padding-bottom:1cm} 间隙属性(padding ) 这个属性是设定间隙宽度的一个快捷的综合写法 ，用这个属性可以同时设定上下左右间隙属性。 * CSS间隙属性 你可以为上下左右间隙设置相同的宽度。示例入下 ： .d1 {padding:1cm} 你也可以分别设置间隙，顺序是上，右，下，左。示例如下： .d1 {padding:1cm 2cm 3cm 4cm} 上面的代码表示，上间隙为1cm，右间隙为2cm，下间隙为3cm，左间隙为4cm。 例15-6-1.html 例15-7-1.html border-collapse:collapse; table-layout:fixed; 书例：12-7.html 书例：12-8.html 书例：12-12.html 书例：18-10.html CSS层 设置层空间——z-index 设置层裁切——clip 设置层大小—度来—width、height 设置层溢出——overflow 5 设置层可见——visibility 设置层空间——z-index 基本语法 z