How to Use CSS With ASP.NET 6 Application

ASP.NET 6 provides great support for CSS, which allows you to style your web pages in a much more efficient way.

In this blog post, we will discuss some tips and tricks that will help you get the most out of ASP.NET 6 and CSS.

One of the great things about ASP.NET is that it allows you to use CSS in a very natural way. You can simply add a stylesheet to your project and then reference it from your ASP.NET page using the `link` element. ASP.NET will automatically handle bundling and minification of your CSS files for you, so you don’t have to worry about that.

Another great thing about ASP.NET is that it provides full support for the latest CSS features such as media queries, pseudo-elements, and so on. You can use these CSS features to create responsive web designs that look great on all devices.


To add CSS style sheets to an ASP.NET Core application, we start with creating or adding our CSS file to the correct location in the project.

To add a CSS style sheet to your project, create or copy one under the wwwroot\css directory. In my case, the CSS file is called core.css

Next, we need to create a link to it from a Razor page using the following line. I have placed the code below under the <head> tag.

<link rel="stylesheet" href="/css/core.css" />