质量更好的tags标签效果
作者:快乐笛子 来源:快乐笛子博客 时间:2008-06-04 12:24:00
以前写过一个标签效果,外观虽然好看,但代码不太规范,实现的方法比较繁冗。
需要注意的是标签的背景图,两种状态,激活的标签背景为蓝色,反之为灰色,两种背景高度不同,蓝色背景高度比灰色高出2个象素,为了保持同高度,激活的标签需要设置相对定位,再把高出的2个象素高度用margin-bottom:-2px下拉2个象素,这两个象素刚刚好挡住内容部分的上边框,使激活的标签与内容连在一起。
效果图:
演示及下载:css-tags.htm
标签:标签,css,tag
0
投稿
猜你喜欢
在asp中通过vbs类实现rsa加密与解密
2010-05-27 12:18:00
Web 2.0 框架发布
2008-03-25 09:40:00
电子商务网站评论设计探讨
2009-12-21 16:28:00
oracle快速删除重复的记录
2010-07-23 13:03:00
10个最容易犯的HTML标签错误
2010-09-13 12:37:00
提升设计品质的8个布局方案[译]
2010-03-18 16:06:00
解决MySQL 5.0不能使用自动增加字段问题
2008-12-02 14:30:00
asp一个空间绑定N个域名的方法!
2009-03-08 18:32:00
整理各种js按比例缩放图片方法
2007-09-27 20:01:00
XML的语法、结构以及相关的一些技术
2007-10-23 07:27:00
oracle 函数
2010-07-23 13:06:00
DNS优化的原理和方法
2012-04-26 16:43:56
asp如何制作一个股票滚屏显示面板?
2010-07-07 12:27:00
解析ASP与SQL server互操作的时间处理
2008-05-17 11:57:00
Dreamweaver4探谜系列(2)
2010-05-13 12:08:00
Oracle 数据显示 横表转纵表
2009-07-26 08:57:00
有效防止ASP木马上传运行—小知识[网络安全技术]
2011-03-06 11:15:00
数据库中聚簇索引与非聚簇索引的区别[图文]
2012-02-25 19:38:23
DW MX新功能试用:嵌套模板
2008-02-03 11:35:00
导航与搜索合并的可能性
2009-09-27 12:06:00