参考阮一峰的网络日志,原文链接http://www.ruanyifeng.com/blog/2010/04/css_speech_bubbles.html HTML代码 <div class="bubble">Who are you?< ...
网上也有很多的案例,这里也只是以自己的方法实现。 原理,还是比较简单的。 只是半透明的那个案例,遇到了些问题,最终还是选择避开问题的方法解决了。 亲,我是半透明的哦 ...
2013-03-29 15:41 4 2170 推荐指数:
参考阮一峰的网络日志,原文链接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 ...