21个你需知道的CSS精彩技巧
转载请注明来源:21个你需知道的CSS精彩技巧 | 奇亚
英文原版:21 Amazing CSS Techniques You Should Know
CSS样式表是现代网页设计重要组成部分。没有CSS,网页设计就会像十年前的那样难看。
下面21个精彩的CSS技巧,你也许想都没有想过这些能用CSS来做到!
1. 跨浏览器的CSS SlideShow | Cross Browser CSS SlideShow

演示了如何只利用CSS创造一个跨浏览器的图片相册
2. 基于CSS的图片区域注解 | CSS Based Image Maps

3. 只用CSS不用JS实现LightBox | No JavaScript LightBox Using CSS

4. 图片替换按钮 | Image Replacement for Buttons

用CSS实现图片替换按钮, 当CSS禁用时会自动返回成提交按钮.
5. 用CSS实现动画导航菜单 | Animated Navigation Menu using CSS

6. 用CSS实现树形导航 | Tree Like Navigation Using CSS

7. CSS渐变文字效果 | CSS Gradient Text Effect

8. CSS目录列表设计 | CSS Menu List Design

9. 用反向margin创建一个自适应宽度的布局 | Creating Liquid Layouts With Negative Margins

10. Making Your Footer Stay Put With CSS
This might occur to you some time when a content page has not enough content to fill the page, so footer also moves up due to this. This tutorial shows you how to deal with this and make footer stay at bottom even when content is not enough.
11. CSS面包屑导航 | Simple, Scalable CSS Based BreadCrumbs
![]()
Create a nice scalable breadcrumb navigation
12. 为你的博客创建时髦的 blockquote | Snazzy Pullquotes for Your Blog

13. CSS条状图表 | CSS Stacked Bar Graphs

14. 如何为你们列表创建整块区域的链接Hover | How To Create a Block Hover Effect For List of Links

15. 多栏列表 | Multi-Column Lists

16. 用Sprites实现日期显示 | Date Display Technique with Sprites
![]()
17. 在你博客的日期中弹出评论数泡泡 | Date Badges and Comment Bubbles for your Blog

Display date and comments on your blog posts in a nice way that takes less space.
18. 如何创建CSS图像浏览聪明的办法 | How To Build a CSS Image Viewer The Clever Way

19. 用CSS创建图像预读入 | Creating a CSS Image Preloader
利用 CSS 的 background-image 属性来预读入图片,而不利用JS.
20. 页面底部淡出 | Fade Out The Bottom of Pages

21. 极具创意酷样的CSS边框属性 | Creative and Cool Uses of the CSS Border Property

此文章将演示如何用CSS边框属性创造一些很酷的效果,你将会惊喜的了解到CSS边框属性有多酷!
1 Comment
我要评论此页收藏