如何使用CSS显示XML

html-css09

如何使用CSS显示XML,第1张

下面是此XML文件的一个片断。 第二行，<?xml-stylesheet type="text/css" href="cd_catalog.css"?>，把这个 XML 文件链接到 CSS 文件：

<?xml version="1.0" encoding="ISO-8859-1"?>

<?xml-stylesheet type="text/css" href="cd_catalog.css"?>

<CATALOG>

<CD>

<TITLE>Empire Burlesque</TITLE>

<ARTIST>Bob Dylan</ARTIST>

<COUNTRY>USA</COUNTRY>

<COMPANY>Columbia</COMPANY>

<PRICE>10.90</PRICE>

<YEAR>1985</YEAR>

</CD>

<CD>

<TITLE>Hide your heart</TITLE>

<ARTIST>Bonnie Tyler</ARTIST>

<COUNTRY>UK</COUNTRY>

<COMPANY>CBS Records</COMPANY>

<PRICE>9.90</PRICE>

<YEAR>1988</YEAR>

</CD>

.

.

.

.

</CATALOG>

<style>

ul{ margin:0pxpadding:0px}

li{ list-style-type:none}

.rzxl{overflow:hiddenwidth:250px}

.rzxl li{ float:left}

.rzxl img{ margin-left:5px}

.rzxl1{ width:250pxtext-align:center}

</style>

<div class="rzxl1">

望庐山瀑布<br>

唐.李白</div>

</div>

<div class="rzxl">

<ul><li>

日照香炉生紫烟<br />

遥看瀑布挂前川<br />

飞流直下三千尺<br />

疑是银河落九天</li>

<li><img src="http://img.baidu.com/img/logo-zhidao.gif"></li>

</ul></div>

CSS只是个装饰，样式，单纯的CSS是实现不了你要的效果的，你想要CSS就在上面，你可以看下，