使用CSS来显示XML

实现效果
学号 姓名 班级 课程 教师

表格背景设为绿色，单元格居中显示

学号部分，蓝色字体，16磅大小；

姓名部分红色字体，带有下划线，12磅大小

班级课程名，教师，绿色字体，12磅大小

XML代码：

 <?xml version="1.0" encoding="UTF8"?>
 <?xml-stylesheet type="text/css" href="student.css"?>
 <students>
 <student>
 <sid>学号</sid>
 <sname>姓名</sname>
 <sclass>班级</sclass>
 <scourse>课程</scourse>
 <teacher>任课教师</teacher>
 </student>
 <student>
 <sid>1215115001</sid>
 <sname>果果</sname>
 <sclass>软件设计</sclass>
 <scourse>数据结构</scourse>
 <teacher>王岷</teacher>
 </student>

 <student>
 <sid>1215115001</sid>
 <sname>明明</sname>
 <sclass>数据库</sclass>
 <scourse>算法分析</scourse>
 <teacher>王博</teacher>
 </student>
 <student>
 <sid>1215115001</sid>
 <sname>贝贝</sname>
 <sclass>游戏开发</sclass>
 <scourse>数据库编程</scourse>
 <teacher>陆路</teacher>
 </student>
 </students>

css代码：

 students
 {
     border:1px solid;
     color: #33FF66;
     width:500px;
     height:170px;
  text-align:center;
  vertical-align: middle;
  position:middle;
 }
 student
 {
 background-color:#33FF66;
 display:block;
 margin:5px 5px 5px 5px ;
 border:1px solid;//表格边框
 width:500px;

 }
 sid
 {
 color:blue;
 font-size:16pt;
 display:inline;
 line-height:30px;//表格高度

 }
 sname
 {
 color:red;
 font-size:12pt;
 text-decoration:underline;
 display:inline;
 line-height:30px;

 }
 sclass,scourse,teacher
 {

 color:green;
 font-size:12pt;
 display:inline;
  line-height:30px;
 }

参考链接：http://xml.jz123.cn/xml_display.asp.htm

http://www.divcss5.com/rumen/r119.shtml