使用CSS显示xml文件

最新推荐文章于 2021-08-03 23:35:23 发布

yinyaling

最新推荐文章于 2021-08-03 23:35:23 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Div+CSS 文章标签： css xml encoding xslt ie

本文链接：https://blog.youkuaiyun.com/yinyaling/article/details/5421921

Div+CSS 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用CSS来美化XML文件的方法，并提供了一个具体的示例。通过将CSS与XML结合，可以使得XML文件在浏览器中展示时拥有更好的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在网站开发和B/S软件开发当中，我们一般用css来修饰页面.

其实,使用CSS也可以修饰xml文件,只不过没有xslt 强大.

下面是用css显示xml文件的一个例子:

style.css代码:

CATALOG { background-color: #ffffff; width: 100%; } BOOK { display: block; margin-bottom: 30pt; margin-left: 0; } TITLE { color: #FF0000; font-size: 20pt; } ARTIST { color: #0000FF; font-size: 20pt; } COUNTRY,PRICE,YEAR { display: block; color: #000000; margin-left: 20pt; }

book.xml代码:

<?xml version="1.0" encoding="ISO-8859-1"?> <?xml-stylesheet type="text/css" href="style.css"?> <CATALOG> <BOOK> <TITLE>Empire Burlesque</TITLE> <ARTIST>Bob Dylan</ARTIST> <COUNTRY>USA</COUNTRY> <PRICE>10.90</PRICE> <YEAR>1985</YEAR> </BOOK> <BOOK> <TITLE>Hide your heart</TITLE> <ARTIST>Bonnie Tyler</ARTIST> <COUNTRY>UK</COUNTRY> <PRICE>9.90</PRICE> <YEAR>1988</YEAR> </CD> . . . . </CATALOG>

这样可以用IE直接打开book.xml文件就可以看到显示效果显著了