气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示： 拆分来看，形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就是制作这样一个三角形箭头的图片，然后定位在矩形框上。但这种解决办法在后期更改气泡
分类：
Web程序 时间：
2016-02-17 22:26:45
阅读次数：
265
网站上经常会使用一些三角形，除了图片的方式，实际上利用border我们可以做出纯CSS的三角形。我们知道border是个边都可以单独设置，当四个边相交的时候他们是什么时候改变的？ 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charse
分类：
其他好文 时间：
2016-02-17 19:04:57
阅读次数：
139
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>纯CSS实现图片切换</title> 6 <style> 7 *{margin:0; padding:0;} 8 li{ list-style:none;} 9
分类：
Web程序 时间：
2016-02-16 20:30:04
阅读次数：
226
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>纯CSS制作三角形和小圆点</title> <style> .arrowbox{wid
分类：
Web程序 时间：
2016-02-16 16:35:58
阅读次数：
172
为了增加用户体验度，增加网页的易用性和美观度，往往需要把当前导航菜单以特殊方式显示，通常是高亮显示或有不同于其它菜单的背景，有两种方法可以实现，第一种是用纯css来实现，二是用js辅助css来实现，两个种方法都比较简单，相对而言js更简单些，下面介绍用js来实现的方法：首页假设我们的导航代码是这样写
分类：
Web程序 时间：
2016-02-14 12:55:00
阅读次数：
156
css实现的文本框focus获取焦点设置样式代码实例:文本框获取焦点然后设置它的css样式通常可以使用javascript代码。具体可以参阅javascript实现的文本框获取焦点设置其样式代码一章节。其实使用纯css也能够实现此功能，代码实例如下: <!DOCTYPE html> <html> <
分类：
Web程序 时间：
2016-02-11 18:03:37
阅读次数：
376
css实现的当鼠标悬浮弹出说明层效果:本章节分享一段代码实例，它是使用纯css实现的鼠标悬浮弹出说明层效果。代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http:
分类：
Web程序 时间：
2016-02-03 20:04:02
阅读次数：
199
前几天在w3ctech上看到有人用纯css写出了360卫士的logo，感觉蛮好玩的。 因为自己用css以来，还没有写过这种玩意，出于娱乐，我也来试着尝试一下。 开始也不知到怎么下手，最棘手的是那两个像太极的东东不好弄。不过，好在以前用过photoshop绘制过一些简单的icon。所以，经过我仔细 的
分类：
Web程序 时间：
2016-02-03 01:05:16
阅读次数：
341
先上效果图 今天又童鞋问我多级菜单的问题，使用了offset来获取位置，但是chrome的offset和IE的offset获取的的结果并不一样，我觉得这样的问题不需要在使用javascript获取位置，直接使用css的定位就可以很方便的实现 于是写了一个简单的多级菜单，在此贴出来 <!DOCTYPE
分类：
Web程序 时间：
2016-01-30 18:24:42
阅读次数：
181
今天刚看了篇文章《纯CSS实现的outline切换transition动画效果》里面的效果研究了一下，下图为实现时的效果代码如下： Document 测试效果 账号： 密码： ...
分类：
Web程序 时间：
2016-01-22 21:32:43
阅读次数：
221
