参考阮一峰的网络日志，原文链接http://www.ruanyifeng.com/blog/2010/04/css_speech_bubbles.html HTML代码 <div class="bubble">Who are you?< ...

直接入正题，以下是两种实现方法的html部分： 第一种的CSS样式如下： 第二种的CSS样式如下： 从以上代码看，不容易看出第二种方法无论是从html还是从CSS看，都更简洁。第二种方法使用一个标签，运用伪类和继承。不仅简单明了，改动起来也更方便。 ...

PS:自定义dialog，一些系统的dialog已经不能满足开发人员的需求了，所以，我们需要自定义一个属于并且适合自己项目的对话框，无论是颜色还是功能需求上都是和自己的项目紧密相关的，一些系统的对话框的使用请看博客：https://www.cnblogs.com/codingblock/p ...

...

嗯……我们设计师强烈要求一定要圆角！圆角的气泡对话框，不要那种尖角的。这其中还遇上了个尴尬的问题，z-index不生效 无非就是两种方法，一种是使用图片再定位拼接起来使用，太简单了具体就不详细的说了。另一种方法就是border来写了，虽然怎么写都是尖角的，可是我想尝试一下。纯手写写出设计师想要 ...

效果： 思路： 用css写出来一个较大三角形（下图中蓝色），再写一个小三角(红)去遮盖大三角 ，漏出尖的一部分 ==》 如果用CSS实现一个三角形呢？ 给一个元素四周都加上边框的话， 形状为： 生成一个三角形可以写为： .box2 ...

抄自http://www.zhangxinxu.com/wordpress/?p=651 边框法 我们首先来看下面一段样式代码： 当某个div应用了上面这个样式后，结果会如何？见下 ...

在使用第三方框架bootstrap的时候，本以为其是图片实现的小箭头，后来使用开发工具查看是用CSS来实现的，现记录如下： 之前都没仔细去观注过其原理，都是拿来使用，在实现小箭头之前需要了解下CSS的before跟after伪类的用法，这个链接有详细说明http://www.webhek.com ...