如何使用html和css制作标签

时间:2011-07-28 00:29:09

标签: html css web

我想将3个标签应用于分区列表的常用方法。 如何改进我的视图,还可以像链接一样添加选项卡到达前台的方式?我可以从链接中读取html / css,了解它如何在三个类别之间进行切换,看起来更像是标签而不是我的努力。

对我而言,困难在于标注名为“All”,“Private”,“Company”的标签。你可以帮帮我吗?我的网站使用http获取参数f = c用于公司视图,f = p用于私有视图,它正确地获取apprioriate子集,但此刻不会改变应该看起来更专业的布局。

更新:上面看起来很糟糕,所以我设计了它,我还想用标签网址参数添加动态。

2 个答案:

答案 0 :(得分:4)

你非常接近。使用类似<li class="active">的css类标记活动选项卡,然后为该类指定不同的背景颜色(如白色),不使用底部边框。然后它似乎与下面的内容合并。

答案 1 :(得分:2)

使用jQueryUI选项卡查看demo here

易于使用,易于设计,您可能需要的所有功能:)