前端css样式修改

参考资料

jQuery基础—改变CSS样式：http://www.cnblogs.com/Capricornus/archive/2010/02/10/1667095.html

jQuery选择器：http://www.w3school.com.cn/jquery/jquery_selectors.asp

jQuery 参考手册 - CSS 操作：http://www.w3school.com.cn/jquery/jquery_ref_css.asp

总结方法

操作步骤

用firebug条样式

用firebug找到相应页面的css类，在jsp页面中的js部分中修改。

<div class="l-tab-links"style="background: none repeat scroll 0% 0%red;">

    <ul style="left: 0px; ">

        <li class="l-selected" tabid="ifm_Div">

            <a>我的主页</a>

            <divclass="l-tab-links-item-left"></div>

            <divclass="l-tab-links-item-right"></div>

        </li>

        <li class="l-tab-itemswitch">

    </ul>

</div>

可以在相应的css文件中找到相应的样式类：

.l-tab-links{ position: relative; margin: 0 18px -1px; height: 29px; overflow: hidden; z-index: 1;}

第一种方式

直接改动所找到的源码

有些web界面不是简单的背景的颜色，而是图片进行平铺，这种修改时就要对图片进行平铺。

第二种方式

该方式适合于修改背景颜色—不用库中的背景颜色

不改变源码，在jsp页面中修改

//Tab

$("#framecenter").ligerTab({

 height: height,

 showSwitchInTab : true,

 showSwitch: true     

});

//$(".l-tab-links").css("background","red");

$(".l-tab-links").css("background","#CCFFCC");

//这两种方式都可以；注意给相应标签添加样式的方式。