ホームページ > 記事 > ウェブフロントエンド > HTML.ActionLink を使用して画像 link_html/css_WEB-ITnose を実装します
HTML.ActionLink を使用して画像 link_html/css_WEB-ITnose を実装します
- WBOYオリジナル
- 2016-06-24 11:23:181443ブラウズ
ASP.NET MVC の Razor の構文を学び、一般的な画像リンク daf312fe821a8f96ab09ef2e34bf7c786c13fdb2ce773d772198a4a45b2cfcf7 を 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 に移動またはコードブロック:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。