在Content下面创建2个CSS文件:
My.css文件如下:
h2
{
font-family: 黑体;
color: #FF0000;
}
My2.css:
h2
{
font-family: 幼圆;
color: #00FF00;
}
在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
{
//
// GET: /Home/
public ActionResult Index()
{
return View("Index");
}
public ActionResult Index2()
{
return View("Index2");
}
public ActionResult Index3()
{
return View("Index3");
}
public ActionResult Index4()
{
ViewBag.FontColor = "#00ffff";
return View("Index4");
}
public ActionResult Css3() {
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>