很多页面中都会用到tab选项卡切换,下面这个巧妙的运用css设置边框，来使得激活的tab与其他未激活的边框有所不同。
就是将激活的边框的border-bottom设置为与激活tab的背景色一致，这样就看起来下面是没有边框的。
然后用jquery实现tab的切换，首先载入页面时就去掉所有的active样式，去掉所有的content内容，然后给第一个tab加上active样式，显示第一个content。然后点击对应的tab的时候，同样首先去掉所有的active样式，去掉所有的content内容，给当前点击的tab加active样式，然后通过获取当前点击tab的herf的内容来找到对应content的id并渐入显示。