HTML.ActionLink を使用して画像 link_html/css_WEB-ITnose を実装します

ASP.NET MVC の Razor の構文を学び、一般的な画像リンク を HTML.ActionLink に変更してみます。

元のコード:

 <a href="index.html" class="logo">    <img src="Content/img/logo/logo4-corporation.png" alt="Logo"> </a>

OK、次のように変更できます:

<a href="@Url.Action("Index", "Home")" class="logo">    <img src='@Url.Content("~/Content/img/logo/logo4-corporation.png")' /></a>

Html.ActionLink に変更してみましょう:

@Html.ActionLink(" ", "Index", "Home", null, new{    style = "background: url('" +    Url.Content("~/Content/img/logo/logo4-corporation.png") +     "') no-repeat center right; display:block; height:84px; width:264px;"})

、スタイル ファイルの CSS に移動またはコードブロック: