详细经典速成教程.pptVIP

六、 CSS与XML的综合运用 script language=javascript event=onload for=window var xmlDoc = new ActiveXObject(Microsoft.XMLDOM); xmlDoc.async=false; xmlDoc.load(html+css+xml.xml); //调用数据 var nodes = xmlDoc.documentElement.childNodes; document.write(link rel=stylesheet type=text/css href=hxmlcss.css); document.write(table width=400px align=center border=1 cellspacing=0 cellpadding=0 bordercolor=#000000 tr id=toutd书名/tdtd作者/tdtd邮编/tdtd时间/td/tr) for(i=0;i12;){ title = nodes.item(0+i).text; author = nodes.item(1+i).text; email = nodes.item(2+i).text; date = nodes.item(3+i).text; i=i+4; document.write(tr class=booktd +title+/tdtd+author+/tdtd+email+/tdtd+date+/td/tr); } document.write(/table); /script border-style边框样式属性 利用边框样式属性不仅可以设置单位边框样式属性，还可以对单位边框进行设置，而且也可以利用复合边框样式属性来统一设置四条边框的样式。 基本语法： border-style:样式值 border-top-style:样式值 border-bottom-style:样式值 border-left-style:样式值 border-right-style:样式值 border-style边框样式属性 语法说明： border-style是一个复合属性，复合属性的值有四种设置方法，其他4个都是单个边框的样式属性，只能取一个值。样式值属性的具体说明见表10-8。 设置一个值：四条边框宽度均使用一个值。 设置两个值：上边框和下边框宽度调用第一个值，左边框和右边框宽度调用第二个值。 设置三个值：上边框宽度调用第一个值，右边框与左边框宽度调用第二个值，下边框调用第三个值。 设置四个值：四条边框宽度的调用顺序为上、右、下、左。 border-width边框宽度属性 border-width属性，是控制元素边框的宽度的一个综合属性，和border-style一样也有四种单独的设置方法，分别来定义四条边框的宽度，设置方法和边框样式一样。 基本语法： border-width边框宽度属性 语法说明： thin、medium、thick分别表示细、中等、粗，length表示长度单位 border-color边框色彩属性 border-color属性是用来控制边框显示的颜色，和边框宽度、边框样式的设置方法一样，也可以分别来设置每个边框的颜色 . 基本语法： border-color:颜色关键字 | RGB值 border-top- color: 颜色关键字 | RGB值 border-bottom- color: 颜色关键字 | RGB值 border-left- color: 颜色关键字 | RGB值 border-right- color: 颜色关键字 | RGB值 border属性的综合设置 在CSS中，border属性用来同时设置边框的样式、宽度和颜色，也可以另外对每个边界属性单独进行设置 基本语法： border:边框宽度 | 边框样式 | 边框颜色 border-top:上边框宽度 | 上边框样式 | 上边框颜色 border-bottom:下边框宽度 | 下边框样式 | 下边框颜色 border-left:左边框宽度 | 左边框样式 | 左边框颜色 border-right:右边框宽度 | 右边框样式 | 右边框颜色 语法说明： 每一个属性都是一个复合属性，都可以同时设置边框的样式、宽度和颜色，每个属性的值中间用空格隔开，在这5个属性中，只有border可以同时设置四条边框的属性，其他的只能设置单边框的属性。 设置元素内边界 元素内边界主要是指边框和内部元素之间的空白距离，利用padding属性设置元素内的边界时，也包括5个属性，同样也有四种设置方法。 基本语法： padding:长度