Tabs的效果在Web页面制作中，可以说是随处可见，我也知道有关于这样的教程在网上上相当的多，前面本站在《纯CSS3制作Tabs选项卡》中介绍了纯CSS制作的Tabs，而《CSS3+jQuery制作切角的Tabs》介绍了使用CSS3+jQuery制作Tabs的方法。今天依然要介绍的是使用jQuery来制作Tabs，但这种方法相对来说是简单易于理解的，就算我这样的初学者都能理解。

Tabs选项卡对于Web前端攻城师来说并不陌生，也制作了不少，我们在《CSS3+jQuery制作切角的Tabs》也介绍了一个使用CSS3配合jQuery制作Tabs的实例。我想大家在制作Tabs选项卡大多数都是使用jQuery或者javaScript来实现的。而单独使用纯CSS来制作Tabs来说还是比较少见。

今天在Red阅读了一篇《CSS3 tabs with beveled corners》博文，介绍了使用CSS3制作切角的Tabs，觉得特有意思。其中含量最高的并不是其如何实现的Tabs，而是其中如何使用CSS3来制作切角效果，如：