MVC4 引入CSS

本文主要是介绍MVC4 引入CSS，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在Content下面创建2个CSS文件:

My.css

My2.css

BundleConfig.cs

在BundleConfig.cs文件中RegisterBundles静态方法中,添加修改如下代码:

bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css", "~/Content/my.css"));

HomeController.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MvcCssTest.ActionFilters;
namespace MvcCssTest.Controllers
{public class HomeController : Controller{public ActionResult Index(){ViewBag.FontColor = "#00ffff";return View("Index");}public ActionResult Index()   {return Content("h2{font-family: 隶书; color: #0000FF}", "text/css");}}
}

Index.cshtml:

@{ViewBag.Title = "Index";}<h2>Index-字体测试</h2>
<h2>@Html.ActionLink("Index2","Index2")</h2>
<h2>@Html.ActionLink("Index3","Index3")</h2>
<h2>@Html.ActionLink("Index4","Index4")</h2>

Index2.cshtml:

@{ViewBag.Title = "Index2";
}<h2>Index2-字体测试</h2>
@section Styles{<link href="/Content/My2.css" rel="stylesheet" type="text/css" />}

Index3.cshtml:

@{ViewBag.Title = "Index3";
}
@section Styles{
<link type="text/css"  rel="Stylesheet" href="@Url.Action("Css3")" />
}
<h2>Index3-字体测试</h2>

Index4.cshtml:

@{ViewBag.Title = "Index4";
}<h2 style="color:@ViewBag.FontColor">Index4-字体测试</h2>

这篇关于MVC4 引入CSS的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---