How to import CSS file to project in ASP.Net

Now time to design your web form with CSS. In this post guide you how to import CSS file into your project and apply it into your web form. Now let's do it with me step by step.

1. First create a folder .Go to Solution Explorer pane --> Right click on your project-->Mouse over on Add --> choose New Folder.

Figure 1:  Create a folder in the project

Now you get a folder in your project. Let's rename your new folder. For example, I rename it to CSS.
2. Right on the folder you created --> mouse over on Add --> Choose Existing Item...

Figure 2:  Import CSS file into project 

When the pop up window dialog appear,  find your CSS file location-->select  CSS file and then click Add

Figure 3: Select CSS file to import into the project

CSS file already added into your project. Now time to link CSS file with web form.
3. Go to your web form and link CSS file. In head tag, For example, when you type href=" and then press 'space', the context dialoag appear and then scroll down --> choose Pick URL....Please see pictures below:

Figure 4: Link CSS file to web form

The pop up window appear, Click on folder containing CSS file which created or imported in your project. In Project folder Box, in Contents of folders Box --> select on CSS file and click OK.

Figure 5:  Select CSS  file

Time to apply CSS code with HTML in your web form design.

Done ...:) hope you can do it..:)