看到像上图这样的 tip 的小三角，你会怎么办？切个图上去？恩，不错，简单，兼容性也一级棒，不但好控制，那点小东西也增加不了多少图片的大小。但有没有更好更讲究技巧的办法呢？哈哈，那必须有啊，而且还不止一种呢：）纯 CSS 做三角形的方法，目前我知道三种，分别是利用 border 属性，“◆”字符，和...
分类：
Web程序 时间：
2014-10-17 03:19:53
阅读次数：
261
像下面的向右三角箭头，只有纯css不需要图片就可以实现了。width:0px;height:0px;border-width:10px 7px 0 7px; border-style:solid;border-color: #ccc transparent transparent transpare...
分类：
Web程序 时间：
2014-10-10 23:07:54
阅读次数：
230
制作扑克的html代码
第一步是制作扑克的html，我的原则是用最少最简洁的代码，不引用任何图片，也许你认为不可能，但是你还是乖乖的看我是如何工作的吧。
建立一个div，赋予两个class属性：cardand suitdiamonds
.代码
"card suitdiamonds">
往这个div中添加卡...
分类：
Web程序 时间：
2014-10-10 19:14:24
阅读次数：
480
优秀的前端工程师总是优先考虑用CSS替代图片：效果图如上。这个动画并非GIF，而是纯CSS绘制，通过JavaScript定时器更新动画。基本思路是创建8个圆形div，绝对定位排列成圆圈，然后，依次通过opacity属性更新透明度，就得到一个loading的效果图。和GIF相比，CSS实现的好处主要在...
分类：
Web程序 时间：
2014-10-10 15:12:40
阅读次数：
260
耳机POI、chart 图表、地图排行榜--网页链接、优酷创收--每周抓取、小说，书籍、读书笔记纯CSS、地图应用、HFLS的计算方式（1）OpenStreetMap ：官网、OSC简介（2）Pure：官网、中文版、中文版Git、OSC简介（3）那些网站：USPCAT、极客标签、慕课网、devsto...
分类：
其他好文 时间：
2014-09-27 13:59:39
阅读次数：
182
【荐】纯CSS实现漂亮圆角阴影边框_潜水射流曝气机 Custom box with no width restrictions. Height restriction is based on the amount of content.textLorem ipsum dolor sit...
分类：
Web程序 时间：
2014-09-26 14:18:58
阅读次数：
257
在日常运用中，经常遇到点击按钮/菜单的时候，选中了文本，为了避免这种情况，可以使用纯css来解决这个问题（IE10+），对于旧版本的就只能用js：onselectstart = 'return false;'这种方式。以下介绍一下-prefix-user-select：Formal syntax.....
分类：
Web程序 时间：
2014-09-25 13:08:08
阅读次数：
245
第一章、基本的圆角框 原创：冰极峰 转载请注明出处 2009年11月30日10:19:34文章导航：第一章：基本的圆角框第二章：透明圆角化背景图片第三章：圆角化图片第四章：CSS圆角框组件 V1.0序言：在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案，基本上总结完了目...
分类：
Web程序 时间：
2014-09-19 11:47:25
阅读次数：
325
1.上面两个div在使用纯CSS的情况下，保持在任何尺寸的页面中都横向居中，垂直居中（页面大小不固定）。横向居中，垂直居中2.如何实现一个层在浏览器中垂直左右居中？让DIV水平和垂直居中，必需知道该DIV得宽度和高度，然后设置位置为绝对位置，距离页面窗口左边框和上边框的距离设置为50%。其实解决的思...
分类：
Web程序 时间：
2014-09-18 18:28:04
阅读次数：
236
纯CSS实现：盒子内元素垂直居中，宽高固定与否均可，IE5除外所有浏览器均兼容： 1 2 3 4 5 纯CSS实现：盒子内元素垂直居中，宽高固定与否均可，IE5除外所有浏览器均兼容 6 12 13 14 15 16 17 text-align:center;1...
分类：
Web程序 时间：
2014-09-18 14:39:23
阅读次数：
196
