主页 > 知识库 > 网页基础 > DIV&CSS >

精选30个优秀的CSS技术和实例(2)

来源:未知 作者:admin 发表于:2009-09-29 14:31  点击:
11. 纯CSS手风琴效果 使用div和:hover伪类的手风琴效果,这个效果可以垂直显示也可以水平显示。 12. 使用PNG和背景色的可扩展按钮 13. Pushbutton Links 链接在不使用图片的情况下看起来像个按钮。 14. 含固定Heade

11.纯CSS手风琴效果

使用div和:hover伪类的手风琴效果,这个效果可以垂直显示也可以水平显示。
CSS-实例

12.使用PNG和背景色的可扩展按钮

CSS-实例

13.Pushbutton Links

链接在不使用图片的情况下看起来像个按钮。
CSS-实例

14.含固定Header的可卷动表格

表格的标题被固定的优秀长表格。
CSS-实例

15.CSS内容遮盖

当你悬停在图片上时,div容器会显示更多文字。
CSS-实例

16.CSS样式表格版本2

一个使用背景图片且非常漂亮,被语义化标记的表格。
CSS-实例

17.PNG遮盖

另一种为图片添加圆角的方法。(圆角、边框、阴影)
CSS-实例

18.利用CSS为超链接添加提示

关于为不同类型的链接添加图标的简单教程。
CSS-实例

19.简单的CSS圆角边框

仅适用了一张图片和很少的几行代码及标记。
CSS-实例

20.Sitemap Celebration

使用嵌套列表的树形导航,很适合网站地图页面。
CSS-实例

有帮助
(486)
79.5%
没帮助
(125)
20.5%