title: How can I add the following css code to my page header from functions.php?
body: <p>Right now, I'm placing the following code in <code>header.php</code>.</p>
  
  <p>I think that solution isn't very elegant.</p>
  
  <p>How add this CSS code from <code>functions.php</code> to my header (how would that code look like)?</p>
  
  <pre><code>    wp_head();
  ?&gt;
  &lt;style&gt;
      .jimgMenu ul li.landscapes a {
          background: url(&lt;?php bloginfo('template_directory'); ?&gt;/images/&lt;?php echo get_option(THEME_PREFIX . 'intro_image'); ?&gt;) repeat scroll 0%;
      }
  
      .jimgMenu ul li.people a {
          background: url(&lt;?php bloginfo('template_directory'); ?&gt;/images/&lt;?php echo get_option(THEME_PREFIX . 'slider_image'); ?&gt;) repeat scroll 0%;
      }
  
      .jimgMenu ul li.nature a {
          background: url(&lt;?php bloginfo('template_directory'); ?&gt;/images/nature.jpg) repeat scroll 0%;
      }
      .jimgMenu ul li.abstract a {
          background: url(&lt;?php bloginfo('template_directory'); ?&gt;/images/abstract.jpg) repeat scroll 0%;
      }
  
      .jimgMenu ul li.urban a {
          background: url(&lt;?php bloginfo('template_directory'); ?&gt;/images/urban.jpg) repeat scroll 0%;
  
      }
      .jimgMenu ul li.people2 a {
          background: url(&lt;?php bloginfo('template_directory'); ?&gt;/images/people.jpg) repeat scroll 0%;
          min-width:310px;
      }
  &lt;/style&gt;
  </code></pre>