气泡三角形

来源:互联网 发布:ubuntu mv移动文件夹 编辑:程序博客网 时间:2024/04/26 14:26

参考:http://www.cnblogs.com/daxiong/articles/3158630.html


1.设置宽度和高度为0,使其成为一个点

2.设置border四条边的点,成为顶端的点为0,而且是透明的。顶端对面长度有长度,而且有颜色,其余两侧则有长度没颜色。
如下:

<div id="nt-example2-infos-triangle"></div>

#nt-example2-infos-triangle {
  1. width0px;
  2. height0px;
  3. border-stylesolid;
  4. border-width0 15px 16px 15px;
  5. border-colortransparent transparent #74cfae transparent;
  6. margin88px auto 0px;
}

0 0
原创粉丝点击