css很灵活，导航、图片阴影、圆角、动态评分等，合理设计，效果很漂亮，耕堂收集的一部分，参考学习。
1.css导航条
导航条有很多，这一个耕堂觉得比较精致，打开链接，右键可以发现css源代码；
2.css评分器
评分系统，可以增强网站的互动，现在很多网站博客都有，这个是css实现的简单评分器，就是五颗星的那种；
3.css动态条形图
可以显示百分比的条形图，很实用，柱状图也可以；
4.css图片阴影
如果单纯地美化图片，很费事，这个css设计让一个普通的图片，更漂亮，更有立体感觉；
5.css圆角效果
圆角效果，让页面看起来更漂亮，大部分都是通过图片实现的，就像耕堂的页面，但这个不需要图片，作者提供很多css圆角显示的例子，值得参考；
6.css引号效果
写文章有时候用到引用，给引用语加上漂亮的引号；
7.css图片弹出
当鼠标移动到缩略图上时，会弹出图片原图，鼠标移开时，原图消失，css实现，确实是动态效果，页面上有代码内容链接；
8.css图片地图
图片内容中的图形，当鼠标移过去时，就弹出一个小框，包含描述内容；
9.css地图
这个结合了7和8，一个类似地图的图片，当鼠标移到某个地名时，旁边会弹出一个框，包括图片和描述信息，css很强大，页面有代码链接；
10.css字体自动控制
可以选择字体大小，方便阅读，其实字体可以通过ctrl加鼠标滚轮调节，不过有时候图片大小不可以调节，这个方法就是，建立了三个css样式，对应不同的大小；
11.css层级图
层级图可以用javascript实现，这个是css实现的，也不错；
12.css树状图
与层级图不同，它横向展开，css实现；
13.css实现文件链接标注
doc、pdf、zip等文件时，加上一个小标注，很漂亮，css+javascript实现；
14.css图片caption
自动为图片加caption，效果如图，就是图片四周的白框；
右上方更多相关内容/站内搜索-关键词请用空格隔开
发表留言