资源盛宴：30个优秀CSS技术和实例（下）

来源：不详责任编辑：栏目编辑发表时间:2013-07-01 05:16　点击:次

这里整理了30个优秀CSS技术和实例，分为上下辑，这里是下。

一个使用背景图片且非常漂亮，被语义化标记的表格。

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

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

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

使用嵌套列表的树形导航，很适合网站地图页面。

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

流式跨度和高度的圆角div。

条线图使用列表。

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

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

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