简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

WBOY
リリース： 2016-06-24 11:23:18
オリジナル
1409 人が閲覧しました

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 に移動またはコードブロック:

関連ラベル：
使用HTML.ActionLink实现一个图片链接
ソース：php.cn
前の記事：border-radius ナレッジポイント_html/css_WEB-ITnose 次の記事：textarea のテキスト内容の変更を監視するにはどうすればよいですか? _html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
グリッドを使用してこの特定のデザインを作成する: ステップバイステップ ガイド この画像に似たレイアウトを作成しようとしています。このグリッドを使用してみましたが、実現できません。 <ulclass="container">&l...
から 2024-04-06 20:29:08
0
2
492
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
DIV を両側のコンテンツに合わせて中央揃えにします したがって、(含まれる DIV 内に) 5 つの項目があります。項目の並びは以下の通りです。 テキスト 画像 DIV 画像 テキスト DIVを中心にして画像がDIVを「抱き締める」...
から 2024-04-04 23:19:14
0
1
3438
Zoom URL をインターセプトするための Cypress テスト 最終的に Zoom リンクにリダイレクトされるテストケースがあります。テストを正しく完了し、ブラウザーのセッションをハングしたり JavaScript の実行を停止したりすることな...
から 2024-04-04 16:16:37
0
1
340
PHP: 複数の重複一致の複数のインスタンスを照合して置換するための正規表現 ユーザーがコンテンツに ((MagicalSword)) のようなものを追加できるゲーム コミュニティ/データベース用のショートコード システムを作成しようとしています。これは、イ...
から 2024-04-04 15:41:01
0
1
439
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！