XML应用开发（软件品牌）-1期 使用CSS容器属性显示XML文档-边框属性borde 4.8 案例分析-使用CSS容器属性显示XML文档-边框属性border.doc

《XML应用开发》教学案例 软件学院 第 PAGE 2 页 = numpages 4 2 2 页 《单元四 使用CSS显示XML文档》教学案例 ——4.8 使用CSS容器属性显示XML文档-边框属性border 知识点 边框属性border。 技能点 能正确使用CSS容器属性显示XML文档。 知识介绍 1、边框设置属性border 设置边框线样式： 设置四个边框样式border-style、设置顶边框样式border-top-style、设置右边框样式border-right-style、设置底边框样式border-bottom-style、设置左边框样式border-left-style，属性值分别为：none、dotted、dashed、solid、 double、groove、ridge、inset和outset。 设置边框线宽度： 设置四个边框线宽度border-width、设置顶边框线宽度border-top-width、设置右边框线宽度border-right-width、 设置底边框线宽度border-bottom-width、设置左边框线宽度border-1eft-width。属性值为thin、medium、thick或绝对长度值。使用绝对长度值时，不能为负数，可以是0。 设置边框线颜色： 设置四个边框线颜色border-color、设置顶边框线颜色border-top-color、设置右边框线颜色border-right-color、 设置底边框线颜色border-bottom-color和设置左边框线颜色border-left-color。 设置四个边框的宽度、样式和颜色：border。 案例1（border.css）：使用border属性设置边框 【案例分析】： 使用“display:block;”将title,Author设置为块。使用“border-style: dotted;” 设置title元素边框样式为dotted。使用“border-top-width:10px;” 设置title元素上边框宽度为10px。使用“border-top-color:red;” 设置title元素上边框颜色为red。使用“border:3px solid #999;”设置Author元素边框宽度3px，边框线为solid，边框颜色为#999。 【文件】:book.xml ?xml version=1.0 encoding=gb2312? ?xml-stylesheet type=text/css href=border.css? Book Title软件工程（第二版）/Title Author邓良松 刘海岩 陆丽娜/Author /Book 【代码实现】：border.css title,Author{ display:block; } title{ border-style:dotted; border-top-width:10px; border-top-color:red; } Author{ border:3px solid #999; }