使用HTML.ActionLink实现一个图片链接_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:23:18
Original
1409 Leute haben es durchsucht

学习ASP.NET MVC 的Razor的语法,尝试把一段普能的图片链接使用HTML.ActionLink实现一个图片链接_html/css_WEB-ITnose改为HTML.ActionLink实现。

最原始的代码:

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


Ok,你可以改为:

<a href="@Url.Action("Index", "Home")" class="logo">    <img  src='@Url.Content("~/Content/img/logo/logo4-corporation.png")' / alt="使用HTML.ActionLink实现一个图片链接_html/css_WEB-ITnose" ></a>
Nach dem Login kopieren


下面开始尝试改为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;"})
Nach dem Login kopieren



把样式代码,移至一个css样式文件或是代码块中:

 

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!