Jquery ui Jquery UI框架图标

在上，jQueryUI的作者显示，如果使用某些关键字，则有可用的图标。例如：

<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close">
<span class="ui-icon ui-icon-circle-close">
</span>
</li>

这在圆圈中间创建了一个漂亮的X，由一个圆角和边框的框构成。

但是如果我的图标不在列表中怎么办？例如，如果它们在表格单元格中呢

<td>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close">
<span class="ui-icon ui-icon-triangle-1-s"></span>
</li>
</td>

这是可行的，尽管技术上不正确，因为我没有打开和关闭

元素
我用什么

<td class="showcities">
<span class="ui-state-default ui-corner-all" title=".ui-icon-circle-close">
<span class="ui-icon ui-icon-triangle-1-s">
</span>
</span>
</td>

---

如果是这样，css应该是什么来定义ui角点，就像Themeroller示例一样？
而不是span，在这里使用
，如下所示

<td class="showcities">
  <div class="ui-state-default ui-corner-all" title=".ui-icon-circle-close">
    <span class="ui-icon ui-icon-triangle-1-s"></span>
  </div>
</td>

---

谢谢你，尼克！它们比示例页面宽一点，但我想我可能能够设计它们。