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

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

学号部分,蓝色字体,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

使用CSS来显示XML的更多相关文章

  1. CSS控制XML与通过js解析xml然后通过html显示xml中的数据

    使用CSS控制XML的显示 book.css bookname{ display:block;color:Red} author{ display:block;font-style:italic} p ...

  2. 雷林鹏分享:使用 CSS 显示 XML

    使用 CSS 显示 XML 通过使用 CSS(Cascading Style Sheets 层叠样式表),您可以添加显示信息到 XML 文档中. 使用 CSS 显示您的 XML? 使用 CSS 来格式 ...

  3. 使用 CSS 显示 XML

    通过使用 CSS,可为 XML 文档添加显示信息. 使用 CSS 显示您的 XML? 使用 CSS 来格式化 XML 文档是有可能的. 下面的例子就是关于如何使用 CSS 样式表来格式化 XML 文档 ...

  4. iis浏览网页时提示无法显示 XML 页

    无法显示 XML 页.         使用 样式表无法查看 XML 输入.请更正错误然后单击 刷新按钮,或以后重试.          处理资源 'http://localhost/ 时出错.第 1 ...

  5. 雷林鹏分享:使用 XSLT 显示 XML

    使用 XSLT 显示 XML 通过使用 XSLT,您可以把 XML 文档转换成 HTML 格式. 使用 XSLT 显示 XML XSLT 是首选的 XML 样式表语言. XSLT(eXtensible ...

  6. 使用 XSLT 显示 XML

    通过使用 XSLT,您可以向 XML 文档添加显示信息. 使用 XSLT 显示 XML XSLT 是首选的 XML 样式表语言. XSLT (eXtensible Stylesheet Languag ...

  7. [转]CSS Display(显示) 与 Visibility(可见性)

    CSS Display(显示) 与 Visibility(可见性) display属性设置一个元素应如何显示,visibility属性指定一个元素应可见还是隐藏. 隐藏元素 - display:non ...

  8. IIS 浏览aspx页面出现 无法显示 XML 页

    问题: 无法显示 XML 页. 使用 XSL 样式表无法查看 XML 输入.请更正错误然后单击 刷新按钮,或以后重试. 名称以无效字符开头.处理资源 'http://192.168.1.254:808 ...

  9. ASP.NET - 演练:创建网页以显示 XML 数据

    数据通常是以 XML 格式提供给 Web 应用程序的.但是,XML 数据本质上是分层的,因此您可能希望能够在基于列表的控件中使用 XML 数据,如 GridView 或 DropDownList 控件 ...

随机推荐

  1. sharepoint 2010 使用自定义列表模版创建列表(1)

    我们在使用sharepoint的过程中,发现一个比较好用的功能,就是“将此列表另存为模版”(save list as template),这个功能的作用是,创建一个和当前列表或者文档库一模一样的配置, ...

  2. python sqlite 查询表的字段名 列名

    获得查询结果表的列名: [python]  view plain copy print ?   db = sqlite.connect('data.db') cur = db.cursor() cur ...

  3. Mac 安装Qt5.1编译出现的错误解决

    错误提示: :-1: 错误:Xcode is not installed in /Volumes/Xcode/Xcode.app/Contents/Developer. Please use xcod ...

  4. arm+linux 裸机环境搭建之安装工具篇(eclipse)

    之前已经讲述如何安装gcc和gdb,在此不赘述! 一.所需要的软件有两个: jre-7u25-linux-i586.rpm(虚拟机) eclipse-cpp-kepler-R-linux-gtk .t ...

  5. git创建分支

    1.创建本地分支名称为dev的本地分支 git branch dev 2.将本地分支添加到远程分支 git push origin dev 3.查看创建的本地分支, 带有*符号的分支,代表当前所在分支 ...

  6. C#中byte[] 与指针

    本文假定读者熟悉byte[].指针. C#是类型安全的,默认是不允许使用指针,但是针对C\C++或者其他语言的程序员(delphi)转为使用C#的的工作人员,不适用指针觉得很别扭.下面介绍一下基础的指 ...

  7. 我的第一个html计算器

    html代码. <!DOCTYPE HTML> <html> <head> <style type="text/css"> body ...

  8. sticker.js贴纸效果

    http://stickerjs.cmiscm.com/ <div class="sticker gbtags"></div> <!-- 引用Java ...

  9. PHP上传图片至阿里云

    <?php header("Content-type: text/html; charset=utf-8"); header('Access-Control-Allow-Or ...

  10. 前端公共库cdn服务推荐//提高加载速度/节省流量

    前端公共库cdn服务推荐,使用可以提高js库加载速度同时也可以节省自己空间的流量,CDN加速公共库虽好,不过一定要使用靠谱的前端cdn服务提供方. 以下整理出比较靠谱的国内cdn加速服务器.排名不分先 ...