XML:CSS基础之一

 

poem.xml

<?xml version="1.0" encoding="gb2312"?>
<?xml-stylesheet type="text/css" href="poem.css" ?>
<POEM>
<TITLE>春晓</TITLE>
<POET>孟浩然</POET>
<STANZA>
<VERSE>春眠不觉晓， </VERSE>
<VERSE>处处闻啼鸟。 </VERSE>
<VERSE>夜来风雨声， </VERSE>
<VERSE>花落知多少。</VERSE>
<pic/>
</STANZA>
</POEM>

 

poem.css

poem {
 display: block;
 height: 300px;
 width: 300px;
 border: thin dashed #6633CC;
 background-image: url(b1.jpg);
 background-repeat: no-repeat;
 background-position: center bottom;
 margin: 1em;
 padding: 2em;
}

title {
 font-family: "宋体";
 color: #CC3300;
 display: block;
 text-align: center;
 font-size: 12pt;
 font-weight: bold;
 cursor: url(barber.ani);
 margin: 1em;
}
poet {
 font-family: "宋体";
 color: #3333CC;
 display: block;
 font-size: 12pt;
 text-align: center;
 font-style: oblique;
   cursor: url(barber.ani);
 margin: 1em;
}
VERSE {
 font-family: "宋体";
 color: #006600;
 display: block;
 text-align: center;
 font-size: 12pt;
        cursor: url(3dwarro.cur);
}

显示效果如下: