美文网首页
小三角与气泡

小三角与气泡

作者: 张延伟 | 来源:发表于2016-07-22 12:46 被阅读34次

    1、CSS规则气泡实现

    首先画一个矩形,设置定位,然后画一个小三角,绝对定位于矩形下方;描边气泡:在画一个同样的小三角,背景与矩形背景一致,叠加在上一个三角形上,定位上移。注意:第二个小三角上移的距离不等于矩形边框宽度。

    2、不规则气泡:首先在画一个右下角的直角三角形,再叠加一个右下角高度稍矮的直角三角形。移动到合适的位置。

    相关文章

      网友评论

          本文标题:小三角与气泡

          本文链接:https://www.haomeiwen.com/subject/tbdijttx.html