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

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

来源:未知 作者:admin 发表于:2009-09-29 14:31  点击:
21. 简单的跨浏览器幻灯片 不使用JavaScript实现透明度技巧(但是以不符合XHTML验证为代价) 22. 圆角2 流式跨度和高度的圆角div。 23. 使用背景图片百分比来创建图表 条线图使用列表li。 24. CSS柱状图:实例 3款柱

21.简单的跨浏览器幻灯片

不使用JavaScript实现透明度技巧(但是以不符合XHTML验证为代价)
CSS-实例

22.圆角2

流式跨度和高度的圆角div。
CSS-实例

23.使用背景图片百分比来创建图表

条线图使用列表<li>。
CSS-实例

24.CSS柱状图:实例

3款柱状图实例:使用div和列表标签的”基本CSS柱状图”、”复杂CSS柱状图”、”垂直CSS柱状图”。
CSS-实例

25.动态翻转简单头

箭头会平滑的跟随鼠标移动,没有使用一丁点JavaScript和gif动画。
CSS-实例

26.基于CSS的表单模板

CSS-实例

27.CSS图片文本结合技巧

使用了空白div来让文本能围绕背景图中的图像显示。
CSS-实例

28.使用CSS实现淡入效果的图片

这个实例使用透明度设置和简单的图片逐渐在文字上方淡入图片。
CSS-实例

29.纯CSS弹出效果

一个在IE5(Mac)上也能正常工作的弹出技巧。
CSS-实例

30.使用CSS实现文本渐变效果

使用背景图片遮盖,和一个空的span标签,还有position: absolute声明来实现文本的渐变效果。
CSS-实例

原文:30 Exceptional CSS Techniques and Examples 
翻译:精选30个优秀的CSS技术和实例

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