Html 如何向图像添加链接

我正在尝试创建一个链接，该链接显示在一个图像上，可以将我带到另一个视图。我只能在图片下方添加一个看起来不太像样的链接。我使用的是基本的html。有人能帮我吗

<div class="card">
        <img src="@Url.Content("~/Content/B01.jpg")" alt="Avatar" style="width:100%">
        <div class="container">
<br>
<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@ActionLink（“返回列表”、“索引”）

链接只是一个

链接只是一个

---

这个代码对我有用。您必须创建到下一个视图的链接，然后添加图像。您还可以使用样式标记根据自己的喜好操纵链接

<a href="@Url.Action("Index")">
    <img src="@Url.Content("~/Content/B01.jpg")" alt="Avatar" style="width:100%">
</a>

您还可以包括一个样式

链接{
列表样式类型：无；
}
李连杰{
显示：内联块；
左侧填充：10px；
左边距：10px；
垫底：10px；
}
李：第一个孩子{
左边框：0；
左侧填充：10px；
左边距：10px；
}



链接{
列表样式类型：无；
}
李连杰{
左边框：0；
右侧填充：30px；
左边距：0px；
}

这个代码对我有用。您必须创建到下一个视图的链接，然后添加图像。您还可以使用样式标记根据自己的喜好操纵链接

<a href="@Url.Action("Index")">
    <img src="@Url.Content("~/Content/B01.jpg")" alt="Avatar" style="width:100%">
</a>

您还可以包括一个样式

链接{
列表样式类型：无；
}
李连杰{
显示：内联块；
左侧填充：10px；
左边距：10px；
垫底：10px；
}
李：第一个孩子{
左边框：0；
左侧填充：10px；
左边距：10px；
}



链接{
列表样式类型：无；
}
李连杰{
左边框：0；
右侧填充：30px；
左边距：0px；
}

@Html.ActionLink（“返回列表”、“索引”）

不是基本的Html

@Html.ActionLink（“返回列表”、“索引”）

不是基本的Html。很抱歉，这段代码看起来很奇怪。“还可以包含样式”不属于代码块。这里有几个
标签，还有一些似乎多余的标签。请编辑您的答案并修复代码和代码格式。很抱歉，这段代码看起来很奇怪。“还可以包含样式”不属于代码块。这里有几个
标签，还有一些似乎多余的标签。请编辑您的答案并修复代码和代码格式。