原文链接：http://www.lrxin.com/archives-683.html首先看下效果：点击演示地址查看实例。首先，需要添加一段CSS隐藏所有的Checkbox复选框，之后我们会改变它的外观。要做到这一点需要添加一段代码到你的CSS文件中。/** * 隐藏默认的checkbox */in...
分类：
Web程序 时间：
2015-06-16 12:47:59
阅读次数：
206
新看了一个帖子，里面好多实用的css代码块，可拿出来当做功能库。先附上该文地址http://segmentfault.com/a/1190000002773955里面的内容很多我挑了几个经过我验证的来写下纯css背景噪音，兼容IE8 ，chrome，firefox body { ...
分类：
Web程序 时间：
2015-06-15 18:09:10
阅读次数：
193
今天在css-tricks上看到一篇文章，那篇文章让我不禁心头一震，强大的CSS啊，居然能画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是 firefox或者...
分类：
Web程序 时间：
2015-06-14 16:32:32
阅读次数：
126
以前觉得级联导航实现应该很简单，就是使用css的hover属性来实现就可以了，于是也没有过多地留意实践。可是在最近的面试当中，当被问到这个问题的时候才明白，很多东西不能想当然地以为这样做就可以了，不单只是知道大概的思路就认为OK了，更需要实际的动手能力。
后来就实际操作了级联菜单的实现，借此机会把它弄成一个模板来和大家一起学习。
以下是HTML部分：
纯css级联导航...
分类：
Web程序 时间：
2015-06-14 15:18:18
阅读次数：
168
运用所学的CSS技术，制作各种方向的网页小三角，还有小圆点的功能，小圆点的控制比较方便，可以用font-size控制圆点的大小，小三角是基于网页的特殊符号“◆”用CSS控制边角实现，也是挺实用的，现此将完整的代码分享给大家，也希望高人们能找到更简单有效的方法。...
分类：
Web程序 时间：
2015-06-12 14:55:01
阅读次数：
128
运用所学的CSS技术，制作各种方向的网页小三角，还有小圆点的功能，小圆点的控制比较方便，可以用font-size控制圆点的大小，小三角是基于网页的特殊符号“◆”用CSS控制边角实现，也是挺实用的，现此将完整的代码分享给大家，也希望高人们能找到更简单有效的方法。
分类：
Web程序 时间：
2015-06-12 14:45:50
阅读次数：
477
在Web开发中，通过CSS代码也可以实现一些简单的图片，当然，如果你有耐心，也可以实现较为复杂的图片噢。
那么请问为什么有图片不去用而需要用CSS来实现呢？一是因为性能的原因，图片带给服务器和客户端的压力比几行CSS代码要大得多；二是因为没有必要，有些简单的效果利用CSS就可以直接完成了，为什么还需要麻烦地引入图片呢？
比如大名鼎鼎的bootstrap中选择列表的下三角就是通过css实现的。效...
分类：
Web程序 时间：
2015-06-12 10:07:50
阅读次数：
146
个人理解，使用css画出三角形，其实控制的就是border。 下面效果分别是4个方向的三角形：/*向上*/ .triangle_border_up{ width:0; height:0; border-width:0 30px 30px; ...
分类：
Web程序 时间：
2015-06-10 10:25:03
阅读次数：
77
看一看最终的效果:
下面我们就按照分析→设计→实现 三大步骤来完成这个导航的效果，学会了之后，会发现大多数电商都是用这样的效果的。我们先从把结构写好：一个nav包含上面一个div(全部商品分类),一个导航列表(ul li) 然后在每一个li里面都包含一个默认不显示的的大div(利用了绝对定位，这个div分成左边:小分类列表,右边图片广告)
因为我是用 纯css+html写的， 所以它的文件有...
分类：
Web程序 时间：
2015-06-09 13:49:26
阅读次数：
2256
网站上经常会使用一些三角形，除了图片的方式，实际上利用border我们可以做出纯CSS的三角形。我们知道border是个边抖可以单独设置，当四个边相交的时候他们是什么时候改变的？ .t0{ margin:30px; height:200px; width:200px; border-top:s...
分类：
其他好文 时间：
2015-06-06 13:29:22
阅读次数：
97
