15.CSS内容遮盖 当你悬停在图片上时,div容器会显示更多文字。 16.CSS样式表格版本2一个使用背景图片且非常漂亮,被语义化标记的表格。 17.PNG遮盖另一种为图片添加圆角的方法。(圆角、边框、阴影) 18.利用CSS为超链接添加提示关于为不同类型的链接添加图标的简单教程。 19.简单的CSS圆角边框仅适用了一张图片和很少的几行代码及标记。 20.Sitemap Celebration使用嵌套列表的树形导航,很适合网站地图页面。 21.简单的跨浏览器幻灯片不使用JavaScript实现透明度技巧(但是以不符合XHTML验证为代价) 22.圆角2流式跨度和高度的圆角div。 23.使用背景图片百分比来创建图表条线图使用列表<li>。 24.CSS柱状图:实例3款柱状图实例:使用div和列表标签的”基本CSS柱状图”、”复杂CSS柱状图”、”垂直CSS柱状图”。 25.动态翻转简单头箭头会平滑的跟随鼠标移动,没有使用一丁点JavaScript和gif动画。 26.基于CSS的表单模板27.CSS图片文本结合技巧使用了空白div来让文本能围绕背景图中的图像显示。 28.使用CSS实现淡入效果的图片这个实例使用透明度设置和简单的图片逐渐在文字上方淡入图片。 29.纯CSS弹出效果一个在IE5(Mac)上也能正常工作的弹出技巧。 30.使用CSS实现文本渐变效果使用背景图片遮盖,和一个空的span标签,还有position: absolute声明来实现文本的渐变效果。
原文链接:http://www.cnblogs.com/hnyei/archive/2011/09/23/2186535.html
|