How to link css file in asp.net project?

Question

I have Index.cshtml file and I want to include login.css file there. Index.cshtml lives on Views/Home. I created login.css file in Views/Home/css folder. Here is how I linked it on Index.cshtml:

<link href="css/login.css" rel="stylesheet" type="text/css">

But it doesn't work. When I writes styles inside Index.cshtml, it works perfectly. Where I made a mistake?

E McG · Accepted Answer · 2018-10-26 14:31:18Z

4

Typically you would not put your css in the Views folder. This would belong at the root of the website project(wwwroot). This way you would reference your external styles like this:

<link href="~/css/login.css" rel="stylesheet" type="text/css">

answered Oct 26, 2018 at 14:31

E McG

2891 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Peter B Over a year ago

It is worth nothing that Razor (the view engine) will pick up the ~ and convert it to the virtual directory that the application is running in. E.g. if it runs in / then ~/ becomes /, and if the application lives under /My/Special/Site/ then ~/ becomes /My/Special/Site/.

Mohammed Rasfa · Accepted Answer · 2018-10-26 14:35:16Z

2

You can juste drags you file css file into yous cshtml file and VS to the work for u

answered Oct 26, 2018 at 14:35

Mohammed Rasfa

1051 silver badge12 bronze badges

Collectives™ on Stack Overflow

How to link css file in asp.net project?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related