在webgrid鏈接中使用圖像

Question

如何將此webgrid中的動作鏈接更改爲圖像？ PS：我想所有的圖像出現在同一列

@{ 
var grid = new WebGrid(Model, canPage:true ,canSort:true, rowsPerPage :6); 
grid.Pager(WebGridPagerModes.NextPrevious); 
    @grid.GetHtml(tableStyle: "webGrid", htmlAttributes: new { id = "datatable" }, 
    headerStyle: "Header", 
    alternatingRowStyle: "alt", 
    columns: grid.Columns(grid.Column(header: "", format: (item) => 
new HtmlString(
     Html.ActionLink("Détails", "Details", new { id = item.id_client }).ToString() + 
     Html.ActionLink("Modifier", "Edit", new { id = item.id_client }).ToString() + 
       Html.ActionLink("Supprimer", "Delete", new { id = item.id_client }).ToString() 
), style: "actions"), 
    grid.Column("Nom"), 
    grid.Column("Prenom", "Prénom"), 
    grid.Column("Email"))); 


        } 

Answer 1

一種方法是添加CSS的hyplerlink有這樣

例的背景圖像：

a.bgImg 
{ 
    background: url(../Images/background.gif) 
}