title: change css of jquery ui Tabs
body: <p>How can I change the css of jquery ui tabs. Can u plz give me the example. I want to override the current css of tabs. how can i do this.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;ul class='tabs'&gt;
      &lt;li&gt;&lt;a href='#tab1'&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='#tab2'&gt;Tab 2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='#tab3'&gt;Tab 3&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div id='tab1'&gt;
      &lt;p&gt;Hi, this is the first tab.&lt;/p&gt;
    &lt;/div&gt;
    &lt;div id='tab2'&gt;
      &lt;p&gt;This is the 2nd tab.&lt;/p&gt;
    &lt;/div&gt;
    &lt;div id='tab3'&gt;
      &lt;p&gt;And this is the 3rd tab.&lt;/p&gt;
    &lt;/div&gt;
  </code></pre>