将文本链接更改为图片链接ASP.NET MVC

我正在使用ASP.NET MVC创建待办事项列表

每个记录都有编辑、详细信息和删除等操作链接。
我想将这些链接更改为.PNG图片。到底应该怎么做

我尝试了以下代码，但没有成功

<td>
     @Html.ActionLink("Edit", "Edit", new { id=item.ToDoID}) |
     @Html.ActionLink("Details", "Details", new { id=item.ToDoID })
     <img src="@Url.Content("~/images/details.png")" height="15" width="15" /> |
     @Html.ActionLink("Delete", "Delete", new { id=item.ToDoID })
     <img src="@Url.Content("~/images/delete.png")" height="15" width="15" /> 
</td>

@ActionLink（“编辑”，“编辑”，新的{id=item.ToDoID}）|
@ActionLink（“详细信息”，“详细信息”，新的{id=item.ToDoID}）
|
@ActionLink（“删除”，“删除”，新的{id=item.ToDoID}）

您不能使用

Html.ActionLink

执行此操作。实现这一点的一种方法是使用CSS。 大概是这样的：

@Html.ActionLink(
    "Edit", 
    "Home", 
    null , 
    new { 
        style = "background: url('" + Url.Content("~/images/login_sm.bmp") + "') no-repeat center right; display:block; height:84px; width:264px;" 
    }
)

---

使用

Html.ActionLink

无法执行此操作。实现这一点的一种方法是使用CSS。 大概是这样的：

@Html.ActionLink(
    "Edit", 
    "Home", 
    null , 
    new { 
        style = "background: url('" + Url.Content("~/images/login_sm.bmp") + "') no-repeat center right; display:block; height:84px; width:264px;" 
    }
)

---

只需创建一个CSS类并将其添加到htmlAttributes对象中

@Html.ActionLink("Link Name", "Home", null, new { @class="imgLink" })

然后在css文件中创建一个类

a.imgLink
{
     background: url(../images/details.png) no-repeat top left;
     display: block;
     width: 15px;
     height: 15px;
     text-indent: -9999px; /* hides the link text */
}

---

只需创建一个CSS类并将其添加到htmlAttributes对象中

@Html.ActionLink("Link Name", "Home", null, new { @class="imgLink" })

然后在css文件中创建一个类

a.imgLink
{
     background: url(../images/details.png) no-repeat top left;
     display: block;
     width: 15px;
     height: 15px;
     text-indent: -9999px; /* hides the link text */
}

---

这篇文章中有一个类似的问题：这篇文章中有一个类似的问题：