Html CSS-样式化图标

嘿，伙计们，我需要制作我的图标，但我不知道怎么做

      <tr>
          <td rowspan="2" class="imgbg"><a href="#"><img src="images/nonsteam.jpg"></a></td>
          <td class="icon"></td>
          <td class="download-name"><a href="#">Counter Strike 1.6 Nonsteam</a></td>
          <td class="download-category">Counter-Strike / Jebat / Mrdat / Nonsteam / Hra </td>
          <td class="imgbg"><div class="download-icon"></div></td>
          <a href="#"><td class="comment-icon"></td></a>
      </tr>

---

有人能帮我吗？

如果你想让

td

可以点击，那么你可以

<td class="comment-icon" onclick="window.location='http://www.google.co.in'"></td>

或

JAVASCRIPT:
$（'.icon'）。单击（函数（）{
警报（“蓝色主题”）；
});

但是您不能更改

的格式，因此您不能在

td

标记之前有

a

标记

---

您的标记错误，至少在最后一行中是错误的。。。

a

标签不得位于

td

外侧！我知道，它试图将整体设为HREF，将

a

放在

td

内，并给它

display:block作为样式谢谢你的回答，我的尝试看起来像：但它不起作用：（不…在
td
元素中创建
a
元素：

<td class="comment-icon" onclick="window.location='http://www.google.co.in'"></td>

<td class="icon"></td>
JAVASCRIPT:        
$('.icon').click(function () {
   alert('blue-theme');
});