会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
笑月儿
即使是不成熟的尝试,也胜于胎死腹中的策略。
CnBlogs
Home
New Post
Contact
Admin
Subscription
2014年1月8日
用css实现云状提示框
经常会用到云状提示框,如图:基本框架是这样,以三角在左侧为例: 提示内容 css样式是这样:基本思想是这样的:在一个大div的边侧浮动一个小三角,而小三角是通过一个正方形的border宽是正方的变长来使得正方形变成四个小三角,如图:将其中三个小三角的背景色设置与背景相同就等同于将其去掉。而就是生成四个三角形的正方形,这是于基本完全相同只是剩下的三角行的背景色为大背景色来覆盖最后剩下的三角形的里边的北京使其只剩下边,就是我们想要的形状
Read More
posted @ 2014-01-08 19:01 笑月儿
Views(477)
Comments(0)
Diggs(0)
Edit
公告