Как добавить интерфейс (html / css) в мое приложение ASP.NET MVC

Question

Это мой файл .cshtml, содержащий таблицу элементов.В этой таблице показаны предметы, которые выставлены на продажу, и я хочу добавить фоновое изображение в этот файл.Если это не работает, скажите, пожалуйста, как прикрепить фон для этого.

Я знаю, что cshtml - это расширение файла, которое относится к механизму просмотра бритвы.В дополнение к обычному HTML эти файлы также содержат код C #, который компилируется на сервере до того, как страницы будут переданы в браузер.

@model IEnumerable<PakMall.Models.UserItem>

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>
  <p>

    @Html.ActionLink("Create New", "Create")

    @using (Html.BeginForm("Index", "userItems", FormMethod.Get))
     {
    <p>
        Discription: @Html.DropDownList("discription", "All")
        Title: @Html.TextBox("SearchString")
        <input type="submit" value="Filter" />
    </p>
     }
    </p>
    <table class="table">
        <tr>
            <th>
                @Html.DisplayNameFor(model => model.Title)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.ManufacturingDate)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.Discription)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.Price)
            </th>
           <!-- <th>
                @Html.DisplayNameFor(model => model.itemImage)
            </th>-->
            <th>
                @Html.DisplayNameFor(model => model.Contact)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.Email)
            </th>
        </tr>

        @foreach (var item in Model)
        {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.Title)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.ManufacturingDate)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Discription)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Price)
            </td>

            <td>
                @Html.DisplayFor(modelItem => item.Contact)
            </td>
            <td>
            @Html.DisplayFor(modelItem => item.Email)
            </td>
            <td>
            @Html.ActionLink("Edit", "Edit", new { id = item.ID }) 
            @Html.ActionLink("Details", "Details", new { id = item.ID }) 
            @Html.ActionLink("Delete", "Delete", new { id = item.ID })
            </td>
        </tr>
        }

    </table>

Answer 1

В _Layout.cshtml я добавил фоновое изображение в формате html.Таким образом, _Layout.cshtml - это файл в веб-приложении .net, в котором можно разработать макет всех страниц.

Answer 2

Это можно сделать с помощью класса background-image css:

body {
    background-image: url("img_tree.gif");
  }

Эта статья - хорошее место для начала.