/* 使用CSS实现滑动门效果 */ a.tab { display: block; float: left; height: 25px; line-height: 25px; text-align: center; width: 75px; background: #f2f2f2; border: 1px solid #ccc; border-bottom: 0; text-decoration: none; color: #666; font-weight: bold; position: relative; z-index: 1; } a.tab:hover { background: #fff; color: #333; } a.tab.active,a.tab.active:hover { background: #5caf00; color: #fff; border-color: #5caf00; } a.tab span { display: inline-block; height: 25px; line-height: 25px; background: #fff; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; z-index: -1; border: 1px solid #ccc; border-bottom: 0; }这段代码使用CSS实现了滑动门效果,可以很好地展现出CSS的强大之处。 综上所述,CSS实战手册扫描版是一本非常好的实战教程,下载和使用也非常方便。只要充分利用这个资源,不断学习、实践和总结,相信你会成为一名CSS大牛!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。