title: how to load CSS file into jsp
body: <p>I created a jsp page as follows: </p>
  
  <pre><code>&lt;%@ page contentType="text/css" %&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Login page&lt;/title&gt;
  &lt;link href="/css/loginstyle.css" rel="stylesheet" type="text/css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;h1&gt; India welfare&lt;/h1&gt;
  &lt;p&gt; welcome &lt;/p&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and named it as <strong>login.jsp</strong></p>
  
  <p>and i also created a css file called loginstyle.css and the code of the .css file is as follows:</p>
  
  <pre><code>body
  {
  background-color:#d0e4fe;
  }
  h1
  {
  color:orange;
  text-align:center;
  }
  p
  {
  font-family:"Times New Roman";
  font-size:20px;
  }
  </code></pre>
  
  <p>the directory structure for css and jsp's are as follows:
  <strong>webcontent/welfare_web/css</strong> for .css files  and
  <strong>webcontent/welfare_web/login</strong> for jsp files</p>
  
  <p>the programming editor is <strong>eclipse</strong> and the server i am using is <strong>tomcat 7.0</strong>. when i am trying to run the login.jsp file using tomcat server. The css file is not showing any effect. i mean the output is normal text and is not as per the CSS file. </p>
  
  <p>please help me how to make the .css file to effect the jsp file.</p>