Question

如何将位于我所在机器本地的小三角形图像添加到表格行的开头？

继承我的CSS

stock:nth-child(1){
    display:table-row;
    content: url('..\stock\down.gif');
    color:red;
}

和相应的XML

  <stock class="down">
     <symbol>AAPL</symbol>
     <company>Apple Computer, Inc.</company>
     <lastSale>$15.26</lastSale>
     <netChange>-0.17</netChange>
     <pChange>-1.10%</pChange>
     <volume>5.548</volume>
  </stock>

这是编写css的更好方法

stock[class~=down]{
    border-bottom: 2px solid black;
    display:block;
    background: url("down.gif") no-repeat;
    color:red;

}

Answer 1

使用XSLT执行此操作要轻松得多，您可以在文件中为每个子项运行foreach并从电子表格应用样式，但您可以使用XML和CSS执行此操作。您需要在xml文件中设置标题，然后调用样式表，如下所示：

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="stylesheet.css"?>

  <stock class="down">
     <symbol>AAPL</symbol>
     <company>Apple Computer, Inc.</company>
     <lastSale>$15.26</lastSale>
     <netChange>-0.17</netChange>
     <pChange>-1.10%</pChange>
     <volume>5.548</volume>
  </stock>

然后，您只需修改CSS文件即可进行任何您喜欢的更改。

例如：

（图片编辑）：

stock  {
    display:block;
    margin-left:20px;
}

symbol {
    display: list-item;
    list-style: url("..\stock\down.gif");

}
company {
    display: list-item;
    list-style: url("..\stock\down.gif");
}

然后，您可以按照自己的HTML样式

更改此方式

如何使用css将图像添加到xml表

1 个答案: