www.baike369.com
百科369 > XML教程 > XML CSS样式表使用display属性显示表格数据

XML CSS样式表使用display属性显示表格数据


XML CSS样式表使用display属性显示表格数据

1. XML文档name.xml的源代码如下:

<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/css" href="name.css" ?> <page>
  <table>
    <tableRow>
      <tableCell1>One</tableCell1>
      <tableCell2>Two</tableCell2>
      <tableCell3>Three</tableCell3>
    </tableRow>
    <tableRow>
      <tableCell1>Four</tableCell1>
      <tableCell2>Five</tableCell2>
      <tableCell3>Six</tableCell3>
    </tableRow>
  </table>
</page>

2. CSS样式表文件name.css的源代码如下:

page {
  display:block;
  color:#000000; background-color:#EFEFEF;
  border-style:solid; border-width:2px; border-color:#000000; }
table {
  display:table;
  padding:20px;
  color:#000000; background-color:#CCCCCC;
  border-style:solid; border-width:2px; border-color:#000000; }
tableRow {display:table-row;}
tableCell1, tableCell2, tableCell3 {
  display:table-cell;
  padding:10px;
  color:#000000; background-color:#EFEFEF; 
  border-style:solid; border-width:2px; border-color:#000000; }

3. 在浏览器中显示name.xml文档的效果。如下图所示:

XML CSS样式表使用display属性显示表格数据

Copyright© 2011-2016 www.baike369.com All Rights Reserved