做出来后的效果如下:
用到的图:
把图片添加到项目中,
在.jsp页面的ext-all.css定义后,添加
<STYLE type="text/css">
.x-tab-strip-top .x-tab-strip-active .x-tab-right {
background-position: 0 0;
background-image: url(<%=request.getContextPath()%>/images/tabs-sprite.jpg);
}
.x-tab-strip-top .x-tab-strip-active .x-tab-left {
background-position: right -300px;
background-image: url(<%=request.getContextPath()%>/images/tabs-sprite.jpg);
}
.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
background-position: 0 -150px;
background-image: url(<%=request.getContextPath()%>/images/tabs-sprite.jpg);
}
</STYLE>
即可.